Template editor - Troubleshooting Guide

Designing how the campaign looks is the one of the most important part of email marketing. The Template Editor tool plays a key role in designing effective campaigns.

This guide will provide you with an idea of how issues can be solved, as well as some interesting hacks related to template editor.

 Increasing image width 

Images provide a better perspective when it comes to email marketing. The precise dimensions for the image helps in achieving the expected outcome. You can increase image width by following these steps:

1. Click on the required image.
   
2. Choose Custom from the Image Size dropdown in the Template Editor toolbar. 
         
3. Drag and resize the image to increase its width.
   

Setting up an exclusive header

When you want to set a header and footer theme specific to a particular campaign that you're about to send, your process may look something like this: 

1. Create a specific theme.
   
2. Set this specific theme as your default header and footer.
   
3. Send that particular campaign.
   
4. Reset your theme again to the actual default theme you had.

There's a better way

If you feel the above process is a tad tedious, give this method a try:

1. Create the required theme.
   
2. After you've saved the content, you can select the specific theme from the Header and Footer theme dropdown. 

 Alignment in parallel text components

When you put two text components in a single row, there may be uneven spacing in the text components like shown in the following image,

 

 

There's a better way

Make sure that there's no rendering issues in other browsers. Set the line height equal for content in both of the text components.

1. Select the content in a text component.
   
2. Set the line height.
   
3. Set the same line height for the parallel text component. 

Tip

1. To ensure that uniform formatting is maintained across text components, please select the same values for the following fields:
1. Font family
   
2. Size
   
3. Line height
   
2. If you need one text component wider than other one then,
   
1. Click in between the Column text component.
   
2. Click and drag to resize the components.

 

Button text size

Sometimes, you may put lengthy bit of content in a button component. When you fit such content in a button component, it does not look good.

If you feel that content that you've drafted needs to go into your campaign, go for the box component instead of the button component for a better look and feel. 

Boxed text formatting

Sometimes, you may have a requirement to present a content with increased indentation. You could:

1. Insert a text component.
   
2. Manually insert spaces or press the tab button.
   

This method may lead to formatting issues in some browsers and mobile devices.

There's a better way

Choose Boxed Text component. This has a specific indentation style by default and you can avoid all formatting issues as well. 

Email forwarding

Make it a point to add Tell a friend link in all of your  email campaigns and encourage your recipients to use that option instead of forwarding the email from their respective email services.

We recommend this method because most email services may not support some formatting styles. In those cases, forwarded emails will not have the formatting applied as you've sent it.

Note:

EU DC users have to follow the below steps to insert Tell a friend link: 

1. From Navigation toolbar, click Settings and select Merge Tag.
   
2. Copy the Tell a friend merge tag under the Header and Footer tags.
   
3. Paste it in the content.

• Related Articles

• Template editor

  The most important element for a successful email campaign is quality content. When the right content meets responsive designs, you can make sure that your email campaign is a huge success. Whether you're an expert or a beginner, Zoho Campaigns makes ...

• Customization

  Merge Tags Personalize messages with your recipient's name and other details using Merge Tags. A merge tag is a smart tag that fetches recipients' data from the contact fields to use in your message. You can personalize the subject and content. To ...

• Image Editor

  Image Editor is an additional feature added to template editor that lets you customize images in your email templates. With Image editor you can change an image or edit an existing image to suit your exact needs while sending email campaigns to your ...

• Customize your email campaign

  Header and Footer Customization Customize the look and feel of your header and footer details. To add header and footer to your email campaign: From the Navigation toolbar, choose Campaigns and select Regular Campaigns. Select the campaign for which ...

• How to add images to Library

   The Images tab under Library module allows you to upload or import images and store them for future use. How do I upload images to the Library? You can upload an image either from your computer or from a web URL. Zoho Campaigns only supports images ...