How to Add Special Content to Templates

Why This Matters

Beyond text, images, and buttons, the template editor offers specialized content blocks that add professional polish and functionality to your emails and landing pages. These special elements—like videos, social media icons, dividers, and icons—help you create richer, more engaging templates that connect with your audience in different ways.

Understanding how to use these special content types expands your design possibilities and helps you create templates that stand out in crowded inboxes.

Understanding Special Content Types

The template editor includes several specialized content blocks designed for specific purposes:

• Video blocks link to video content on YouTube or Vimeo
• Social icons connect your audience to your social media profiles
• Dividers create visual separation between sections
• Spacers add controlled blank space for better layout
• Icons combine small graphics with text for visual lists
• Tables organize data in rows and columns

Each serves a unique purpose in building professional, effective templates.

Step-by-Step Instructions

1. Add Video Content

Locate the Video content block in the Content tab and drag it into your template.

In the Content Properties sidebar, paste the URL of your YouTube or Vimeo video. The editor automatically pulls a thumbnail image with a play button overlay.

When recipients click the video thumbnail in emails, they're directed to the video on YouTube or Vimeo. For landing pages, videos can play directly on the page.

Customize the play button's color, size, and style to match your design in the Content Properties panel.

2. Insert Social Media Icons

Drag the Social content block from the Content tab into your template. By default, it includes icons for Facebook, Instagram, Twitter, and LinkedIn.

Click on each icon to edit its URL. Add the full web address to your social media profile (for example: https://facebook.com/yourpage).

Use "Add new icon" to include additional platforms like YouTube, Pinterest, TikTok, or others. You can also remove icons you don't need.

Choose an icon style from the "Select icon collection" dropdown. Options include grayscale, blue monochrome, multicolor square, and multicolor circular styles.

3. Adjust Social Icon Settings

With the social block selected, adjust alignment (left, center, right) to position your icons.

Use "Icon spacing" to control the gap between individual icons. Default is 5 pixels, but you can increase or decrease this.

Apply padding around the entire social block to give it breathing room from surrounding content.

For social sharing (as opposed to following), select share versions of icons that let recipients share your content on their own profiles.

4. Add Dividers for Visual Separation

Drag a Divider content block into your template where you want to create visual separation between sections.

By default, dividers show a horizontal line. Customize the line style (solid, dotted, or dashed), thickness, and color in the Content Properties.

Set the divider width as a percentage of the column width, and choose alignment (left, center, right) if it's less than 100% wide.

Toggle "Transparent" to on if you want the divider to create space without showing a visible line.

5. Use Spacers for Controlled Blank Space

Spacer blocks create empty vertical space in your template. Drag a Spacer from the Content tab to where you need extra room.

The only setting for spacers is height. Adjust the height value (in pixels) to control exactly how much blank space appears.

Spacers are perfect for creating breathing room around headlines, separating sections, or adding space above footers.

Unlike padding on other elements, spacers give you a simple, dedicated way to add vertical space wherever needed.

6. Work with Icon Blocks

Icon blocks combine small graphics with optional text labels. Drag an Icons content block into your template.

Click "Add new icon" to start. You can use pre-loaded icons or click "Change image" to upload your own icon graphics from the file manager.

Add text labels to icons by typing in the "Icon text" field. Use the "text position" dropdown to place text above, below, left, or right of the icon.

Adjust "icon size" to make icons larger or smaller, and "icon spacing" to control the gap between multiple icons in one block.

7. Create Data Tables (Brief Overview)

Tables organize information in rows and columns. Drag the Table content block into your template where you need structured data.

Add or remove rows and columns using the structure controls. The maximum is 8 columns.

Click inside cells to type content directly. Tables support text formatting, alignment, and border customization.

Note: Tables work best for landing pages. For emails, test carefully as some email clients have limited table support.

8. Position and Style Special Content

All special content blocks support standard styling options like padding, borders, and alignment.

Use padding to create space around the content block. Borders can add visual frames when appropriate.

Most special content blocks also support the "Hide on Mobile" or "Hide on Desktop" options if you want to show different content on different devices.

Adjust alignment to position blocks left, center, or right within their columns.

9. Reorder Multiple Items

When you have multiple icons or social media icons in one block, you can rearrange them.

In the Content Properties sidebar, locate the individual item you want to move. Click and drag using the handle (four horizontal lines) in the corner.

Drop the item in its new position. This works for social icons, regular icons, and other multi-item blocks.

10. Test Special Content in Preview

Before sending or publishing, use the Preview function to verify all special content displays correctly.

Check that video thumbnails load properly and play buttons are visible. Verify social media links go to the correct profiles.

Test dividers and spacers to ensure spacing looks right on both desktop and mobile views.

Click through any linked content (social icons, videos) to confirm everything works as intended.

Questions and Answers

Q: Can I embed videos that play directly in emails?

A: No. Most email clients don't support embedded video playback. The video block creates a clickable thumbnail that links to your video on YouTube or Vimeo. Recipients click to watch the video on the hosting platform. Landing pages do support embedded video playback.

Q: What video platforms are supported?

A: YouTube and Vimeo are the supported platforms. The video must be set to Public or Unlisted (not Private) so the editor can retrieve the thumbnail image.

Q: Can I use custom social media icons instead of the built-in styles?

A: Yes. Use "Add custom icon" in the social content block to upload your own branded icon graphics. This lets you match your specific brand colors or design style.

Q: What's the difference between a divider and a spacer?

A: Dividers can show a visible line (solid, dotted, or dashed) or be transparent. They offer line styling options. Spacers are always invisible and only create blank vertical space. Spacers are simpler when you just need spacing without a line.

Q: How do I remove the line from a divider?

A: Select the divider block and toggle the "Transparent" option to on. This hides the line while maintaining the spacing created by the divider's padding.

Q: Can I add text next to social media icons?

A: Social icons don't include built-in text labels, but you can place a text block near your social icons or use the regular Icons block instead, which does support text labels alongside icon images.

Q: How many social media platforms can I include?

A: There's no set limit. You can add as many platforms as you need. However, for design purposes, consider limiting to 4-6 icons so they remain visible and easy to tap on mobile devices.

Q: Will my videos autoplay?

A: In landing pages, you can set embedded videos to autoplay. In emails, videos never autoplay since they open on YouTube or Vimeo when clicked.

Q: Can I link my icons to URLs?

A: Yes. Regular icon blocks (not social icons) include a link field in the "More options" section where you can add any URL.

Q: What size should my custom icons be?

A: The template editor works with various icon sizes, but consistent sizing looks most professional. Common sizes are 32x32 pixels, 48x48 pixels, or 64x64 pixels. Keep all icons in one block the same size.

Q: Do tables work well in emails?

A: Tables have mixed support in email clients. They work reliably in most modern clients but may not render perfectly everywhere. Always send test emails when using tables. Tables work excellently in landing pages with full support.

Q: Can I use countdown timers in my templates?

A: Countdown timers are are not included in the system configuration. You can use an outside source and link the image URL as a regular image. They are beneficial as they create urgency by showing time remaining until an event or deadline. Contact support if you need  help with adding countdown timer functionality.

Guide Type: How-To Guide

Estimated Time: 9 minutes