- 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
Adding a Table to an Email
In the editor, you can add a table to your email in two ways: using a structure or a Text block.
How to Add a Table Using a Structure
Go to Structures > Content and drag a structure with the necessary number of containers to the template. The number should correspond to the number of columns.
If necessary, add or remove containers in the settings on the left. Specify the width of each container and the indent between them.
Set the indent of 0 if you want your table to look classic.
Make indents bigger to add space between containers.
To add text to containers, select the corresponding option.
The container's appearance is set in the menu on the left. Select the color and width for the container borders in Common.
You can also set the parameters for the entire block:
- Text color;
- Background color;
- Line spacing;
To edit text, use the top menu:
Once you've set the appearance of the first structure, you can duplicate it by clicking Copy.
If necessary, edit paddings of the structures: set 0 for the top and bottom paddings to remove extra space between the rows.
Once your table is ready, optimize it for mobile devices. For each structure, disable Responsive structure. This way, containers of the structure will be located in one row on mobile devices.
Go to Appearance > Mobile formatting and set the font size for the mobile version. Most often, 14px is used for desktop versions, and 16px for mobile versions. For our template we select 14 pixels as this size is convenient for reading and keeps the original container display.
To see the email in both versions, click View message.
The table should look the same on both mobile and desktop.
How to Add a Table Using a Text Block
In Content > Blocks select Text and drag it to the template.
Click Insert in the top menu and select Table.
Specify table properties.
Fill the created table with the corresponding text. You can apply to the text all settings from the top menu, but unlike structures, you can't set parameters for each cell.
The font size in tables created using the Text block is the same for desktop and mobile versions. You don’t need to disable Responsive structure and adjust Mobile formatting.