What is the Template Editor in Zoho Campaigns? 

The Template Editor is the visual workspace where you put your email together. Instead of writing code, you drag blocks (like text, images, and buttons) onto a canvas and arrange them however you like. The editor handles the technical side so your email displays correctly across different inboxes such as Gmail, Outlook, and Apple Mail.

The new version of the editor is built around a simple idea: give you the design controls instead of forcing you to fight the tool. Whether you are sending your very first newsletter or building a complex promotional campaign, you can create something that looks professional in minutes.

A Quick Tour of the Template Editor 

When you open the Template Editor, you’ll see a panel titled Compose Content. The design canvas (where your email takes shape) sits on the right, and your design controls sit on the left. There are two things to know before you start:

The desktop and mobile toggle 

At the top of the panel, near the Compose Content title, there are two small icons — a monitor (desktop) and a phone (mobile). Use these to switch between designing for large screens and small screens. The desktop view is selected by default.

The three main tabs 

Down the left side of the editor you’ll find three tabs. Each one controls a different part of the design process:

• Style: Set the overall look of your email. For example, background colors, width, alignment, padding, text direction, and default styles for text, links, buttons, and separators.

• Gallery: You can pick a ready-made layout to start from, including blank column structures and pre-designed sections.

• Elements: Drag individual content blocks, such as text, images, buttons, footer, and so on onto your email.

Designing with the Style tab 

The Style tab is where the new editor really shines. It opens the Content Styles panel, which lets you control the look of your whole email from one place. Here’s what each setting does.

Email Background and Content Background 

These are two separate backgrounds. Email Background is the color behind the entire email (the area around your content). Content Background is the color behind the content block itself. Both are set to Transparent by default. Setting them to different colors creates a nice framed look. For example, a soft grey email background with a white content area in the middle.

Background Image 

Turn this toggle on to place an image behind your content instead of a plain color. This is handy for seasonal or themed campaigns.

Width 

Choose how wide your email content area should be: 600, 700, 800, or 900 pixels. 600px is the default and a safe choice because it displays well almost everywhere. Pick a wider option only if your design needs more room.

Alignment 

Decide whether your content sits to the left, in the center, or to the right of the email. Center is the most common choice and is selected by default.

Padding 

Padding is the empty space inside your content area, between the edge and your text or images. Add padding so things don’t feel cramped. You can set a single value for all sides, or use the separate-sides option (the small icon next to the field) to control top, bottom, left, and right individually.

Text Direction 

Switch between left to right and right to left. Choose right to left if you’re writing in languages such as Arabic, Hebrew, or Urdu.

Text and Link, Button, and Separator styles 

At the bottom of the Style tab are three expandable sections — Text and Link, Button, and Separator. Open any of them to set default styles (such as font, color, and size) that apply across your whole email. Setting these once keeps every block consistent, so you don’t have to style each piece by hand.

Choosing a layout with the Gallery tab 

The Gallery tab opens the Elements Gallery, where you choose a starting structure for your email. It has three sub-tabs:

• My Saved: Layouts and blocks you’ve saved to reuse later.

• Layouts: Blank and structured layouts to build from.

• Pre-built: Fully designed templates you can customize.

Blank layouts 

Blank layouts are empty column structures: one column, two columns, three columns, or four columns. Pick the number of columns based on how you want to arrange your content side by side. For example, a three-column layout is great for showing three products or three features next to each other.

Structured layouts 

Structured layouts come with content areas already arranged for you, such as an image beside a block of text, an image on top with text below, or two images side by side. These are perfect when you want a polished look fast and just need to swap in your own words and pictures.

Adding content with the Elements tab 

The Elements tab opens the Add Element panel. This is your toolbox of content blocks. You can drag-and-drop any block onto your email and then edit it. The blocks are grouped into three categories.

Basics 

1. Header: The Header element adds a section at the top of your email, making it ideal for displaying your company logo or navigation links. It helps establish your brand identity and gives your email a professional and recognizable appearance from the very beginning.
   
2. Text: Add textual content in your campaign with this component. You can use it for headings, paragraphs, and other body content to communicate your message clearly. Click the Text component and select the text option you need for your template. Drag-and- drop the particular component to the canvas of the template wherever you want the text to appear, then start typing inside the box. You can also edit the text under Text Properties on the left. Use the formatting toolbar above the canvas to style your text. You can insert hyperlinks, images, and emojis, with additional options available under the three-dot menu. To personalize your text, click Personalization in the toolbar. This opens the Add Personalization panel, where you can search for and insert dynamic fields that pull in each recipient's details automatically. This lets you address each recipient by name or reference their details without creating a separate version of the email for every contact.
   
3. Image: This component lets you add images to your campaign. You can use it to display photos, promotional banners, logos, or other graphics that make your email more visually appealing.
   
4. Button: The Button element adds a clickable call-to-action (CTA) button to your email. You can use it to direct recipients to take an action, such as "Shop Now", "Read More", or "Register".
   
5. Video: The Video element lets you add a video thumbnail to your email that links to the video. You can use it to share product demos, announcements, tutorials, or other video content with your recipients.
   
6. Separator: The Separator element adds a horizontal line or blank space to your email. You can use it to separate different sections, making your email easier to read and better organized.
   
7. Social: The Social element lets you add social media icons to your email that link to your social media pages. You can use it to encourage recipients to follow your business on platforms like Instagram, X, Facebook, and LinkedIn.
   
8. Footer: The Footer element adds a section at the bottom of your email. You can use it to include your business address, unsubscribe link, contact information, and other details required in marketing emails.
   

Ecommerce 

These blocks are built for online stores and pull in shopping-related content if your Zoho Campaigns account is integrated with Shopify or Zoho Commerce.

• Product: The Product element displays a product with its image, name, and price. You can use it to showcase products you want to promote or sell in your email.

• Abandoned: The Abandoned element displays the items a customer left in their shopping cart. You can use it in abandoned cart emails to remind customers to complete their purchase.

• Recommended Products: The Recommended Products element displays products that may interest the customer based on their preferences or activity. You can use it to send personalized product recommendations and encourage additional purchases.

Ratings 

The Ratings elements let you collect customer feedback directly within your email. Instead of asking recipients to visit another page, they can quickly share their opinion by selecting a rating, making it easier to measure customer satisfaction and improve their experience.

• NPS: The NPS element adds a Net Promoter Score (NPS) scale from 0 to 10 to your email. You can use it to measure how likely your customers are to recommend your business, product, or service to others.

• Emoji: The Emoji element adds emoji-based rating options to your email. You can use it to collect quick and simple feedback about your customers' satisfaction or experience.

Zia Writing Assistant 

Zia is the AI assistant built into Zoho Campaigns. The Writing Assistant reviews your email for spelling, grammar, and content issues and offers suggestions, catching mistakes before you hit send. Think of it as a second pair of eyes that reads every email for you.

Leaner Output 

The editor now produces a smaller, lighter email file. This matters because some email clients (Gmail is the classic example) clip messages that are too large, hiding part of your content behind a “View entire message” link. With leaner output, you’re far less likely to run into clipping, and your emails render more consistently across inbox providers.

Reusable Bookmarks