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
- Using AI in the Email Editor
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
Adding a Hidden Preheader
A hidden preheader is a text that follows the subject line in Inbox. Its display and appearance may differ depending on the device and email client. On desktop, preheader text can be between 75 and 100 characters long; on mobile – between 30 and 55 characters.
Tasks of the preheader:
- Complement the subject. Especially applicable to mobiles where the subject display is limited to about 40 characters.
- Show the recipient what content to expect in the email.
- Catch attention with incentives;
- Increase open rate.
How to Add a Preheader to an Email
By default, email clients use the first line of the email copy as a preheader. Depending on the design, it can be image alts, menu titles or anchor links. Such preheaders don’t look nice in Inbox. But with a hidden preheader, you can set the exact text you want to appear as a preheader.
In our platform, you can add it without code editing by adding a preheader to a special field in the template settings. In code, it’s embedded with an esd-hidden-preheader class.
1. Go to Messages > Messages.
2. Open the necessary email or create a new one and click its subject.
3. In Hidden preheader, enter your preheader text.
4. Optionally enable Add white space. It will separate the preheader from the rest of the copy in Inbox, making it look nice and professional.
In code, you can see white space as space symbols that alternate with non-breaking space symbols.
Click to see code
You can remove unnecessary space symbols if needed.
You can use white space without a preheader. This way, only the subject will be displayed in Inbox.
6. Send test messages to test how the preheader looks in different clients on the mobile and desktop.