Insert an Image into a Text Block

read

While in most cases you should insert images into your email templates using image blocks, there might be some cases when you'd prefer to have text and an image within the same block. In Klaviyo, you can accomplish this in two ways:

  1. Editing the Source area of a text block
  2. Inserting the image URL into a text block

For both options, you'll first have to upload your image to Klaviyo or an image-hosting site.

Host Your Image

Once you have your image sized and edited appropriately (using a photo editing tool of your choice), you will first need to upload the image to a hosting site. In our example, we're going to host our image on TinyPic, but here are a few other free hosting options:

Klaviyo also automatically hosts all images you upload into your image library. To grab the URL for an image that you've uploaded into Klaviyo, head to the Image Library tab. Once here, click on the image you would like to insert into a text block. 

A new window will appear. Grab the URL from the search bar at the top of your browser.

2017-10-17_13-51-37.gif

Edit the Source Area of a Text Block

Copy this code. Then, paste it into the Source area of a text block in the template editor. 

2017-10-17_13-56-50.png


Once you've done this, click Source again and then Save Changes. Your text block will contain the image, which will also appear in your template. If your image is very large, like the example we used, you might have to scroll to the right within the text block to see the entire image.

2017-10-17_13-57-36.png

 

Once you've added your image to a text block, you can adjust it using HTML. For example, you may want to center your image using the <center> tag. To do this, simply encompass the image HTML in a center tag like so:

<center><a href="[WEB_URL]" target="_blank"><img src="[IMAGE_URL]" border="0" alt="Klaviyo"></a></center>

Note

If you are using Klaviyo to host your image, simply insert an img src tag around the image URL, like so: <img src="IMAGE_URL">.

Paste the Image URL into a Text Block

Alternatively, you can upload a hosted image by clicking the picture icon and pasting the image URL in the dialog box that appears. This works regardless of where you're hosting the image.

2017-10-17_13-59-37.png

 

2017-10-17_14-00-30.png


In this dialog, you will be able to edit the dimensions and alignment of the image.

Was this article helpful?
0 out of 1 found this helpful