First steps
User Data
- Email Builder Review
- Designing your email
- Creating a Synchronized Module
- Setting Responsivity
- Building Smart Containers
- Creating a Gmail Promotions Annotation
- Adding a Rollover Effect
- Adding a Background to an Email
- Adding Anchor Links
- Adding a Video to an Email
- Adding a Table to an Email
- Adding a Custom Font
- Adding Social Media Buttons
- Editing HTML and CSS
- Working with “Images” block
Omnichannel
- SDK for Mobile Apps
- Managing mobile SDK access keys
- Connecting Mobile App
- Creating a Google Project for Mobile Push Notifications
- Creating Mobile Push Messages
- Setting Up Delivery and Clicks Analytics
- Deep Links and Universal Links
- Scheduled Mobile Push Message
- Sending Test Messages from the Event Debug View
- Setting Up Widgets for Your Site
- Widget Calling
- Storing data from widgets to contact fields
- Using Annoyance Safeguard
- Actions After Form Submission
- Yespo Extension for Google Chrome
- Creating Pop-ups via Google Tag Manager or WordPress
- Sending Yespo Widget Events to Google Analytics
- Replacing Double Opt-In System Workflow
- Setting Up Locations for the Widget Calling Rules
Automation
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
Editing HTML and CSS
Since new drag and drop editor is added to the system, the process of emails composing has become much faster and easier. Now, our online newsletter maker gives you opportunity to work both with blocks and code of messages changing them and getting an immediate result.
It may often happen when in HTML email CSS styles are contained, in the tag. For convenience of work with email builder, HTML and CSS are separated:
In the CSS tab, email styles are prescribed; you can create them both in "Design" section or manually, right in the code editor. Feel free to upgrade and redefine styles, add media selectors and other features however you want.
We often need to change the standard blocks accordingly to our special requirements. For example, a structure with three containers has the same width of all containers. To edit this via HTML email builder, select the structure and change the width parameter in HTML code of email.
In HTML email editor mode you will see the editing result immediately:
Looking at default "Menu" block we can see that cells parameters of emails in HTML are set equally in percents:
To increase or decrease these cells size we edit the width parameter in the same way; for example, 33.33% to 20%.
Any editing of email leads to changes in code when creating HTML email, and vice versa.
You can edit any block and save it to the newsletter creator library for further use.
Email builder also includes the possibility to add your own arbitrary HTML and CSS. In this case, pictures and links editors will be only available options of the whole HTML drag and drop editor features.