Login

Omnichannel

Security and Compliance

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).

Messages → Messages

2. Drag the Image block into the template.

Drag the image

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

Drag a structure

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

Uploading an image

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.

Note

The Common folder stores pictures that are available in all messages. The Prepared folder contains only images used in a specific email.

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.

Downloading from PC

External Link

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

External link

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.

Download 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.

Image Bank

Editing Image

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

Editing image

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

Filters

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

Editing image

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

Editing 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.

Editing image

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

Save changes

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.

Image parameters

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).

Image parameters

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.

Image parameters

Any Questions?
We’re always happy to help!
Discount services
Schedule a Call
Fill in the form, and our specialists will call you back as soon as possible.
Discount services
Chat Support
We’re waiting for your questions!
Discount services
Email
Contact the support team