How to include an image in my email?

In Woodpecker there are two options for including an image – you can add the picture to your copy in the campaign or to your signature.

IN THIS ARTICLE

How it works
Uploading an image to the hosting service
Adding the image to the email copy
Adding the image to the signature
FAQ

How it works

If you want to include an image, you need to provide a link to it. Therefore, the image must be uploaded to a server or hosting service, and there must be a static link (URL) to it.

Usually, there is no problem with uploading the image to the same server which hosts your website. Please remember, that you will not be able to add a photo that is uploaded to Google Drive or Dropbox due to privacy settings.


Uploading an image to the hosting service

You need to add the image to the shared hosting websites with pictures. It will be totally free for you. A hosting service that works well in most cases is, for example, imgbox. You can also find plenty of other hosting services but sometimes they provide links that do not work so be careful.

The process of uploading the image to the hosting server imgbox:

  1. Click UPLOAD IMAGES toselect a file.

  2. Choose the image from your computer.

  3. Before you upload the file, in imgbox.com you’ll be asked to select some settings for it: Content type, Thumbnail (image size), Comments and Gallery Option. You can follow our suggestions from the image below.

    Imgbox uploading screen
  4. When you’re ready, click Start upload.

  5. Copy the link.

  • To add a link using the Insert/edit image option, you’ll need a short link, starting with https:// and ending with .png or .img.

For example, https://thumbs2.imgbox.com/bb/6e/aJFfIQcY_t.png

  • To add the image in HTML, copy the whole HTML-Code.

Link to picture highlighted in HTML and BB code

Note: make sure that you are using the URL ending with either .png or .img from the HTML-Code or BB-Code filed.

If you’ll choose Links Only, after clicking on the image, your prospects will be redirected to a website with advertisements that might include inappropriate content.


Adding an image to the email copy

To add a link using the Insert/edit image option, you’ll need a link like this one, ending with .png or .img.

https://thumbs2.imgbox.com/bb/6e/aJFfIQcY_t.png

Once you have the link, you can click the Insert/edit image icon to open the dialogue box.

Insert/edit image icon in email editor

Paste that link into the dialogue box. Please, ensure that your link ends with .png or .img. After pasting the link, click the ADD button.

End of a link with .png highlighted

Troubleshooting

You have tried adding an image URL but it doesn’t work? There may be 2 reasons: your file is stored locally so Woodpecker doesn’t have access to it, or the link to your image is incorrect or broken. For example, your URL doesn’t end with .png or .img file extension. Go to the FAQ section to read more »


Adding an image in the HTML

Also, there is an option to include an image by HTML code. However, this option is intended for advanced users. Here’s how to do this:

  1. Copy the HTML code of your image from the hosting server.

    Generated HTML Code in img box
  2. In the campaign editor, switch to the HTML view by clicking the Text → HTML icon.

  3. Paste the HTML-Code.

    HTML Code in HTML view
  4. Switch back to the Text view to check your image.

    Switching between text and HTML view

Adding an image to the signature

  1. Go to Settings Email Accounts.

  2. Click the email address to open the General settings of this mailbox.

  3. Go to Signature.

  4. Add the image by adding the link to it or paste it in the HTML code.

  5. After you add the image to your signature, update your signature in an existing campaign. Otherwise, the image won’t be added to your campaign. Read more »

Insert/edit link and text to html view icons in Signature view

Head over to our blog to understand Risk of Embedding an Image/Video into B2B Email »


Adding a link to an image

You can add a hyperlink to the image that you’ve added earlier to the email copy. Simply click on the image and choose the “Insert/edit link” icon.

In the pop-up window, type or paste your URL and click on the ADD button.

Gif of inserting a link to image

You can choose to track the link by checking the “Track clicks” box. However, we usually don’t recommend it, as it may negatively affect your deliverability. See our article to learn more about this »


FAQ

Q: Can I change the image size? How to resize the image?

Yes, you can change the image size manually or define it in the HTML code. The second option is more complicated, however, it works better and helps to know the exact size of an image.

Resizing image manually

  1. Select the image.

  2. Grab the corners of your image and pull them upwards to enlarge, or downwards to make the image smaller (minimize or maximize).

  3. Deselect the image.

Resizing an image in email editor manually

Changing image size in HTML view

Changing the size of picture with HTML code
  1. Click the Text → HTML icon to switch to the HTML view.

  2. In your code, type: width= and height= and provide the numbers that will define the image size. The numbers should be typed in the quotation marks, after the ending .jpg” or .png”. For example, type width=”300” and height=”200″.

Here’s your initial code:

<a href="http://imgbox.com/ZNBQXpxn" target="_blank"><img src="https://images2.imgbox.com/4b/91/ZNBQXpxn_o.png" alt="image host"/></a>

Here’s the code with added part:

<a href="http://imgbox.com/ZNBQXpxn" target="_blank" rel="noopener"> <img src="https://images2.imgbox.com/4b/91/ZNBQXpxn_o.png" alt="image host" width="300" height="200" /> </a><br>

Q: My image doesn’t work and cannot be displayed. Why?

Broken image icon

Images need to be properly uploaded on the internet. If an image is saved locally or access to the file is restricted (for example, by Google drive) it will not download and display properly when the email is opened. Here are some hosting services that we can recommend to you: imgbox.com, imggmi.com, Imgbb.com.

Incorrect file extension

Another reason may be the incorrect link to your image (IMAGE URL). For example, like on the image below, the URL doesn’t end with .png or .img.

  • PNG (Portable Network Graphics) is a file format used for lossless image compression.

  • IMG stands for image extension.

Image URL with wrong end

What should you do now? Check the link to your uploaded file. To add an image in Woodpecker, use only the link that ends with .img or .png. It should look like this one:

Correct image URL with .png at the end

Q: Is it possible to personalize images?

Yes! Simply add your image URL to your prospect file as a separate field and then map it with one of our snippets while importing. Next, while editing your email copy, switch to HTML view and insert <img src=”{{SNIPPET_1}}”/> (or another snippet, depending on what you’ve chosen while importing) to show a personalized image for this prospect. In the edit mode, it will look like a broken one, however, once you’ll send a test email or choose to preview it – it should display the proper image.

Snippet as an image in HTML View

Q: I tried to insert an image to an email in a campaign and had to enter the URL of the image. Where do I get it from?

URL for your image is generated when you upload the image to a hosting website. Check how to upload your image to the hosting service »