First steps
User Data
- 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
Omnichannel
- 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
Automation
- 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
Personalization
Analytics
- 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
Multilanguage Campaigns
Events and Behaviour Tracking
Recommendations
API
Security and Compliance
Integration
Creating an Email
To create your first email in the editor, follow the next steps.
1. Go to Email Creation
To start building an email, choose one of the following options:
- Go to Messages > Messages and click Create email.
- On the main page, click the plus icon > New message > Email.
- On the main page, in Messages click Email > Create email.
2. Choose a Template
Choose a template from one of the categories:
- Basic: nineteen ready templates, one empty and one HTML template.
- Gallery: 350+ ready templates grouped by industry.
- Saved: emails you have saved as a template. You can save any email as a template and further use it for similar campaigns with the same layout and design.
You can edit any template in Messages and Saved Templates by 1) clicking its name or 2) Edit on the right. 3) Also, you can click Copy to copy and edit the chosen template.
3. Fill in Message Information
Click Message name or Click to set the subject to specify the message information.
Message Name
A message name can differ from a subject line and is used only for internal usage in the system. It’s used to identify the message in the general message list, campaign reports and workflows. If you don’t specify the message name, it will be filled with the subject line by default.
We recommend choosing a short name as by default it is passed in the utm tag in the parameter utm_campaign. In our service, all parameters, including message name, are specified by default but you can edit them in the email template or in personal profile settings.
- To configure tags in the template (for the current email), click Additional settings > Specify links settings. Edit or replace the variable $messageName and click Apply. To undo all edits of the parameter, click Restore default values and Apply.
- To configure tags (for all further emails), go to personal profile > Settings > Laboratory and edit Campaign name. Keep in mind that tags specified in the message always have priority over tags specified in the account settings.
More on how to use UTM tags in emails.
This is the example of how utm tags are displayed in the browser URL after a subscriber clicks the link in the email and goes to the website. Please note that the message name will be displayed in the campaign parameter.
Subject Line
A subject line is the title of the email which recipients see first in their inboxes, so it's important to compose a catchy line prompting opens.
To test different subject lines, click Add subject and enter the second variant. Each field can contain only one subject line.
To optimize the subject and hidden preheader, use the Improve with AI option. More details >
Note. Subject line is a required field; you will not be able to send emails without subject lines.
Preheader
A preheader provides an additional opportunity to increase the open rate of your emails. It serves to extend and supplement the subject line with extra details, drive interest, and encourage opens. In the email client, the preheader follows the subject line.
Sender
By default, a sender name is created based on the account info. If you want to use a different sender name for all your campaigns or separate emails, click New sender and fill in the fields.
To choose the necessary sender, click the arrow next to the address and select the name from the drop-down menu.
Reply To
In this field, Not selected is specified by default. However, you can choose any address from the drop-down menu to receive customer replies.
Tags
Add tags to filter messages and reports more easily. Tags are also used to manage a frequency strategy of your campaigns.
You can add as a tag any words or phrases in Latin and Cyrillic, numbers and symbols. Click Enter after you specify each tag or select them by search. You can add unlimited tags.
Subscription Categories
If you have subscription categories, add them to your email. Before the launch, the contacts will be recalculated, and the message will be sent only to the contacts subscribed to the selected categories. To edit the category before sending, click the gear icon.
Annoyance Level
This parameter manages the frequency strategy of your campaigns and the level of annoyance they can supposedly cause your subscribers.
Set the annoyance level for a particular email based on the daily and weekly limits of your campaigns.
Multilingual version (optional)
You can create a multilingual version of email. Click the Globe icon in the top panel, specify the default language, and add language versions. Fill each version with the content in the corresponding language. You can switch between versions within one template in one click.
Learn more about multilanguage >
4. Create an Email Design
In our drag-and-drop editor, you can edit one of our ready templates, insert the code of your template and further edit it if needed, or create a custom HTML template from scratch. The main advantage of a visual editor is the built-in block responsiveness so that your emails will be displayed correctly on different devices. Learn more.
The main tools of the editor are organized in three sections: two tabs (Appearance/Content) on the left and a settings menu in the upper right toolbar.
Appearance
This tab includes 5 subtabs:
- General Settings;
- Stripes;
- Headings;
- Button;
- Mobile Formatting.
It allows to design a whole layout of your email, or its separate elements (header, content, footer, info area). The subtab Mobile Formatting enables to adjust settings that regulate the mobile display of the email.
Content
This tab includes 3 subtabs:
- Structures;
- Blocks;
- Modules.
1. Structures
This section allows to add a structure to the template horizontally. Drag any structure to the necessary stripe and add the necessary blocks.
When you add to one structure several elements vertically (for example, text and images), they make containers which you can also set separately.
To start editing any element (stripe, structure, block, container), click it.
2. Blocks
The section contains the following blocks:
- Image;
- Text;
- Button;
- Spacer;
- Video;
- Social;
- Banner;
- Timer;
- Menu;
- HTML;
- Carousel;
- Accordion;
- Form.
You can add them by dragging from the menu, copy, delete, edit, and move them relative to other blocks. Each block is responsive by default. If needed, you can disable responsiveness of images and hide some blocks when displayed on mobile devices.
3. Modules
This section contains two tabs (Advanced/My modules) with ready structures with built-in ready blocks and containers.
Advanced contains ready module templates:
- Preheaders;
- Headers;
- Banners;
- Info modules;
- Product cards;
- Footers;
- AMP Sandbox.
My modules contains the modules you have previously saved. You can save any container, structure or stripe as a module, and they will be saved to this tab.
A click on a specific email element automatically opens the settings on the left. And when you hover over it, you see a panel with the main actions you can apply to this element: save as a module, move, copy, and delete.
Additional editor features include:
- Multilanguage;
- Smart blocks;
- Dynamic content;
- AMP-supported elements (accordion, carousel, form);
- Synchronized modules;
- Custom fonts, etc.
Each element of your email template can be edited in the HTML editor as well. To open or exit the HTML editor, click Code editor in the top settings. You can open the editor for a particular element by first clicking it and then clicking Code editor. For convenience, the HTML and CSS editing tabs are separated.
If you create a message in HTML, insert your code into the HTML editing window. Emails can often contain styles within HTML in the head tag but some email clients may not support them. You can also add your own HTML and CSS block by dragging the corresponding block from the left.
Step 5. Preview and Test
To see how your email would look like on computer and mobile, click View message in the top toolbar.
To test the message before launch, click Test and enter the email address or addresses to send to and click Send.
We also recommend testing your email in special services. This is especially important when using custom designs or transferring the HTML code to the editor.
Our customers who apply for a free custom email template also receive additional testing of template display on all devices.
Step 6. Save the Message
Once editing has been completed, click Save. Choose Save as template if you want to use the created message as a template for further campaigns.
The email will appear in the general list of messages or saved templates, depending on how you saved it.
Your email message is ready. Before the launch, check your contact base and make sure you have your digital signatures configured.