Image Editor

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 contacts.  There may be many reasons you may want to change or edit the image in the email template for your campaign. 
Listed below are a few examples where the image editor will be useful : 
  1. Perform A/B test with an email campaign consisting of different images revolving around the same concept and check which campaign is received better.  
  2. Clone a campaign with different images for a new mailing list.  
  3. Send the same campaign with different images targeting groups of customers from various locations.
  4. Use the same email template for various festivals.  
This guide takes you through the steps needed to edit an image in an email template.

Edit an image 

To edit an image in your email template :
  1. From the  Navigation toolbar, select  Campaigns and click  Create Campaign on the right-corner.
  2. Enter the Basic info and click  Next .
  3. Choose an email template from one of the three options available :  
    1. Saved Templates  
    2. Pre-designed Templates  
    3. Basic Templates
  4. Click  Select Template .
  5. The email template editor opens up.  
  6. Click on the image you want to edit in the template and click the  Edit icon on the top-left corner.
    template image editor
  7. The image editor opens up. Edit the image displayed in the editor area. 
    Image editor
  8. Click  Preview  on the top-left to view how your edited image looks like in the template.
  9. Click  Save and Close on the top-left if you are done editing the image.
  10. Click  Save and Next  on the template editor page to continue creating your email campaign.
  11. Select the recipients for your campaign and click  Next .
  12. Get your campaign content reviewed and send it out immediately or schedule it to be sent later. 
Listed below are the various options available to edit your image :

Crop

You can crop the image to fit into the area allotted for your image in the email template or crop out parts of the image not needed for the email template. To crop the image, Click the Crop icon on the top-left.
Crop image

Add Image

Zoho Campaigns lets you add a maximum of two images in the canvas provided for the email template. Click Add Image if you want to add another image alongside the existing image or simply add two new images to the template. To add images :
  1. Click Add Image on the top left.
  2. Select one of the saved images from the image folder available.
  3. Use Unsplash to find the perfect image.
    1.   Enter the Title and Alt Text .  
    2. Accept the terms of use and privacy policy for the image and  
    3. Click Insert Image .
      Unsplash image
  4. You can also click Upload to add a new image from your system or from the web.
    Add image
  5. Enter a Title and Alt Text for your image uploaded from your computer.
  6. Enter the Image URL , Title and Alt Text for your image downloaded from the web.
  7. Click Insert Image .

Change Image

You can even change the image in your email template to suit the email campaign or the group of recipients receiving your campaign. To change the image :
  1. Click  Change Image  button below the Selected Image preview on the left. 
  2. Select one of the saved images from the image folder.
  3. Use Unsplash to find the perfect image.  
    1. Enter the Title and Alt Text .
    2. Accept the terms of use and privacy policy for the image and
    3. Click  Insert Image .
  4. You can also click  Upload  to add a new image from your system or from the web.
  5. Enter a  Title  and  Alt Text  for your image.
  6. Click  Insert Image . 

Add Text

Add text to your image in the template of the email campaign to send to your contacts. To add text :

  1. Click Add Text and drag the text editor to an appropriate place on the image.
    Add text to image
  2. Enter the text to be displayed on the image in the text editor box on the left.
  3. You can also format the text on the left. Change font, add color, increase size, make bold, italic or underline it.
  4. Click the Alignment & Spacing drop down to make changes, if needed.
  5. You can also add shadows and rotate the text, if needed.

Add Button

Add a button to your image in the template of the email campaign if you need your contacts to perform an action. To add button :
  1. Click  Add Button  and drag the text editor to an appropriate place on the image. You cannot add more than one button.
    Add button
  2. Enter the text to be displayed on the button in text editor box on the left.
  3. You can also format the text on the left. Change font, add color, increase size, make bold, italic or underline it.
  4. Add a link to the button or remove the link from a button.
  5. Click the  Alignment & Spacing  and Size drop down to make changes to the button, if needed.
  6. You can also add  shadows  and  rotate  the button, if needed.

Edit Canvas

The canvas is the surface on which an image is placed. Zoho campaigns lets you change the canvas height, width and background. To edit the canvas, navigate to the bottom of the editor area and make the necessary changes.
canvas edits

Additional options

You can also edit the size of an image, rotate the image and change its opacity. Navigate to the left of the editor and click on the Size, Rotate and Opacity drop downs to adjust the image accordingly. 
Additional options

Delete an image

You can delete the image from the template if you don't require one in the content that you will be sending to your contacts. 
  1. From the  Navigation toolbar, select  Campaigns and click  Create Campaign on the right-corner.
  2. Enter the Basic info and click  Next .
  3. Choose a template from one of the three options available :  
    1. Saved Templates 
    2. Pre-designed Templates 
    3. Basic Templates
  4. Click  Select Template .
  5. Click on the image you want to delete and click the  Delete  icon on the bottom-right corner.
    Delete image from template editor
  6. Likewise, click on the image you want to delete and click the  Edit  icon on the top-left corner.  
  7. The image editor page opens up. Click the  Delete icon on the top-right.  
    Delete image
To learn how to edit your email template for your campaign, click here .

    • 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 MarketingHub ...

    • How can I add an image to my signature?

      You can add a logo or image to your signature by following these steps: To add an image to your signature Go to Setup > Personal Settings > Account Information. In the Account Information page, click Edit for the Signature section. In the editor ...

    • Code Editor in Forums

      Overview The Code editor in  Forums is specialized for writing software. Depending on the programming language used, the code editor will highlight code snippets and provide automatic indentation. This will help improve the readability of the ...

    • Code Editor in Manuals

      Overview The Code editor in Manuals is specialized for writing software. Depending on the programming language used, the code editor will highlight code snippets and provide automatic indentation. This will help improve the readability of the ...

    • Best practices while drafting your email content in an html editor for Outlook

      Any email content developed in Zoho Campaigns' template editor renders properly for every email client. If you design content with HTML and CSS, some rendering issues may arise in a few desktop clients, especially Outlook. Newer versions of Outlook ...