- Responsive Email Editor Review
- Designing your email
- Creating Synchronized Modules
- Setting Responsivity
- Building Smart Containers
- Creating a Gmail Promotions Annotation
- Adding The Rollover Effect
- Adding Anchor Links
- Module Library
- Adding a Table to an Email
- Adding Custom Fonts
- Creating CTA Button
- Working with Images
- Using AI in the Email Editor
- Setting Up Widgets for Your Site
- Widget Calling
- Setting Up Locations for the Widget Calling Rules
- Storing data from widgets to contact fields
- Using Annoyance Safeguard
- Actions After Form Submission
- Replacing Double Opt-In System Workflow
- Using Yespo Extension for Google Chrome
- Creating Pop-ups via Google Tag Manager or WordPress
- Sending Yespo Widget Events to Google Analytics
- Using A/B Tests for Widgets
- Double Opt-In
- Welcome Сampaign
- Welcome Series Segmented by Category
- Launching a Workflow After a Contact Import
- Regular Workflow for a Segment
- Birthday Campaign
- Linking Workflow to the Button
- Using Variables from Order in Workflow
- Collecting Order Feedback
- Customer Reactivation
- Sending Extra Campaigns
- Email Campaign Report
- Web Push Campaign Report
- Viber Campaign Report
- Mobile Push Campaign Report
- App Inbox Campaign Report
- Widget Report
- Triggered Campaign Report
- AMP Campaign Report
- SMS Campaign Report
- Multilingual Campaign Report
- Setting up UTM Tags
- Revenue from Campaigns
- Tracking Campaign Performance in Google Analytics
Events and Behaviour Tracking
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.
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.
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.
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.
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.
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.
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.