Working with Images

Using images in marketing messages enhances their effectiveness by making them more attractive, informative, and emotionally charged. Let's look at how to work with the Image block in the Yespo email editor.

Adding Image to Email

1. Open your email or create a new one (the Messages → Messages section).

2. Drag the Image block into the template.

You can also drag a structure into the template and click on its image icon.

The menu for uploading an image will open on the left.

Choose from four ways to add an image:

1. Upload the prepared image from your PC.

2. Select from common images. In this section, you can add images for repeated use, for example, a logo or photo of the manager.

3. Select from system images. Standardized images are collected here, for example, social network icons, CTA images for downloading apps in the official App Store and Google Play stores, etc.

4. Select from the bank. Here are ready-to-use images from Pexels.com and Pixabay.com and icons from IconFinder.com.

Downloading from PC

On the Prepared tab, click the download icon and select the desired file on your PC. The system supports images in PNG, JPG, and GIF formats. For pictures to load quickly in the newsletter, their weight should not exceed 3 MB.

External Link

Enter a link to an open source in the appropriate field.

Downloading from an external source significantly saves time. The disadvantage of this method is that the image may no longer be displayed due to it being moved or deleted on the site. If this may happen, please upload the image to the gallery.

Image Bank

Go to the Bank tab, select Images or Icons and enter a keyword into the search engine, then choose the image that best matches the intent of your campaign.

Editing Image

To open the image editor, click the edit icon on the left sidebar.

You can apply one of 18 built-in filters or several at once to an image.

You can crop images, set sizes, and proportions, and transform the arrangement of elements.

Add frames, stickers, text, shapes, and drawings to the image.

You can also change the radius of the corners, set the background of the canvas, and combine objects (stickers, drawings, etc.) with the image.

After making changes to the image, click Apply → Save to apply the changes to the image in the email.

Image Parameters

1. URL – path to the image in the Yespo repository, generated automatically.

2. Rollover effect — upload a second image to display on hover.

3. Link – website address, email, file, Skype chat, phone number, SMS, Viber, or other protocols launched by clicking on the image.

4. Alternative text for cases when the picture does not load on the device, and email content analysis by mailers.

5. Alignment. Click the phone icon to set a different alignment than the desktop on your mobile device.

6. Size.

7. Adjust the image to the width of the sheet.

8. Responsive image – this option allows the image to adapt to the width of the mobile device screen (if it supports this option).

9. Padding (with the possibility of separate settings for mobile).

10. Add an anchor link, clicking on which will take the reader to the specified section of the email.

11. Hide an element on different types of devices. By default, the image is always displayed. Click the corresponding device icon to hide it on a desktop or mobile.

12. Include an element in different types of emails. Enable/disable an element for HTML and AMP versions of an email.

13. Event type. If you want to automate any emails, for example, by clicking an image to send an email to customers, specify an event that will trigger this action.