How to add style in zoho mail template

Zoho Mail allows you to add custom styles to your email templates using HTML and CSS. Here are the steps to add style to your Zoho Mail template:

Method 1: Using the Zoho Mail Template Editor

1. Log in to your Zoho Mail account and go to the "Settings" icon (represented by a gear) and click on "Templates".
2. Click on the "Create a new template" button.
3. In the template editor, click on the "HTML" tab.
4. In the HTML code, you can add your custom styles using CSS. For example, you can add a style attribute to a paragraph tag like this: <p style="color: blue;">This text will be blue.</p>
5. You can also add a separate CSS file to your template by clicking on the "Add CSS" button and uploading your CSS file.
6. Click on the "Save" button to save your template.

Method 2: Using an External CSS File

1. Create a new CSS file with your custom styles. For example, you can name it "styles.css".
2. Upload your CSS file to your website or a cloud storage service like Google Drive or Dropbox.
3. In your Zoho Mail template, add a link to your CSS file using the <link> tag. For example: <link rel="stylesheet" type="text/css" href="https://example.com/styles.css">
4. Make sure to update the URL to point to your actual CSS file location.
5. Save your template.

Tips and Tricks

• You can use inline styles, external CSS files, or a combination of both to add styles to your Zoho Mail template.
• Make sure to test your template in different email clients and devices to ensure that your styles are rendered correctly.
• You can use Zoho Mail's built-in styles by using the zoho-mail class in your CSS file. For example: .zoho-mail p { font-size: 16px; }
• You can also use Zoho Mail's template variables to dynamically update your template content. For example: {name} can be used to display the recipient's name.

By following these steps, you can add custom styles to your Zoho Mail template and create a professional-looking email campaign.