Loading...

Knowledge Base
Home 
 
/
 Titan Email Designer editor
Categories: Titan Email

Titan Email Designer editor

The Email Designer editor makes it easy to create professional emails without coding or design experience. All templates are responsive, ensuring your emails are displayed properly on desktop and mobile devices.  

This article explains how to use the Email Designer editor to create professional emails by customising ready-made templates for welcome emails, product launches, newsletters, announcements, and more

 

On this page 

 

Edit a template 

Follow the steps below for pre-defined templates:

  1. Go to Templates Gallery. 
  2. Click Use this template on the bottom right of the specific template to open the editor. 

Follow the steps below for saved templates:

  1. Go to Saved templates section.
  2. Click Edit. 

 

Edit a block

After you select a template, the Email Designer editor opens. The left pane displays all the blocks in the email. To edit a block, select it from the list or click the **Edit** icon on the block in the preview.

You can include logos and links for recipients to access directly from your email.

Add your company logo or brand

  1. Open the Header block, click on the Edit icon in the image section. 
  2. Click Select another picture. 
  3. Pick an image and adjust it according to your preference. 
  4. Click Save.   

Inserting navigation links: You can add up to 5 navigation links to redirect your recipients to your website's homepage, signup/login page, etc.    

  1. Click Link from the left tab. 
  2. Enter a link name in Link Text. 
  3. Enter a link or URL in Link URL. 

To delete an image or a navigation link 

  1. Click on the image or navigation link you want to delete from the left pane. 
  2. Click Delete link. 

To show or hide an image or a navigation link 

  1. Click the image or navigation link you want to delete or hide. 
  2. Toggle the button to hide or show an image or a navigation link. 

You can add an introduction to provide context for your email.

Image: Upload any relevant image, such as a snapshot of the products you're launching. 

Heading: Add a heading that captures your recipients' attention, such as your product's name or key features. 

Paragraph: Briefly describe what your email is about. 

Button: Add a clickable button with a link to redirect recipients to more details, such as the product's purchase page or your entire catalog.

Use this block to add additional information to your email.

Use this block to showcase your products and highlight key details in your email.


Heading: Add a heading to introduce the products. 

Display settings for each product: Enable or disable the display settings that apply to all products in the block. Any changes you make here are reflected across every product in the block.

Products: Highlight product details by selecting a product and updating the following fields:

  • Image: Add a relevant image so that your recipients can see exactly what you're offering.
  • Name: Add the name of the product.
  • Description: Provide a brief description of the product.
  • Price: Mention the price.
  • Button: Add a button that directs users to know more about the product or to the purchase page. 

Adding a new product 

  1. Click on Add new and enter the product's details 
  • Image 
  • Name 
  • Description 
  • Price 
  • Button 

To delete a product listing, follow these steps:  

  1. Click on the product you want to delete.
  2. Scroll down to the bottom.
  3. Click on Delete product.

The Services block works the same way as the Products block. Use it to list your services, pricing, and purchase details, then edit the content using the same options available for the **Products** block.

Heading: Add a heading to introduce the testimonials.

Display settings for each testimonial: Enable or disable the display settings that apply to all testimonials in the block. For example, you can hide or show the customer's image or contact information. Any changes you make are applied to every testimonial in the block.

Testimonials: Select the testimonial you want to edit, then update the following fields:

  • Image: Include the image of the reviewer 
  • Quote: Enter the feedback shared by the specific reviewer 
  • Customer information: Add their name, role, company name, etc. 

To add a new testimonial 

  1. Go to the Testimonials block, scroll down, and click Add new and enter the necessary information: 
  • Image 
  • Quote 
  • Customer information. 

To delete a testimonial   

  1. Select the Testimonials block. 
  2. From the left panel, click the testimonial you want to delete. 
  3. Scroll down to the bottom and click on Delete. 

Use this block to add links to your social media profiles, making it easy for recipients to connect with you on their preferred platforms.

To add a new social media link: 

  1. Click on the Social block 
  2. Click Add new 
  3. Under Social link type, select the platform type from the drop-down list. 
  4. Enter the corresponding link/URL in the link field.

To delete a social media link: 

  1. Click the social media link you want to delete on the left panel. 
  2. Click Delete social link.

use this block to share your address and contact information.

  • Image: Upload an image you want to sign off your email with, or your company's logo by clicking the edit icon 
  • Contact Information: Update your email address and phone number.
  • Footer text: Enter relevant details, such as your company's name, address, and operating hours, as needed. 

Add a block 

Each template includes a selection of blocks based on its intended use. To add more blocks, follow the steps below.

  1. Click Add a new block from the top of the Blocks tab.
  2. Select the required block.
  3. Choose a layout for the specific block.
  4. Click Add to template.

 

Duplicate a block 

  1. Click the three dots on the block you want to duplicate.
  2. Select Duplicate.

 

Delete a block  

  1. Click the three dots on the block you want to delete.
  2. Select Delete.

 

Rearrange a block 

Use the Social block to add your social media profile links. After adding the block using the steps above, it appears below the Header block. Drag and drop the block to move it to a different position.

 

Changing the color theme and font 

Select your preferred color theme and fonts to match your brand and style to further personalize the email template.

  1. Open the Design tab, located next to the Blocks tab 
  2. From under Color themes, pick from our range to change the palette of your email template as per your requirement 
  3. From under Fonts, pick a font style from the set of options. 

 

Use hyperlinks to make text, images, or GIFs clickable, so recipients can access a specific web page or external website.

To hyperlink Text: 

  1. Navigate to the desired text, select the content and click the Insert Link icon as shown below. 
  2. Enter the URL in the Link field and click Insert 

To hyperlink Images or GIFs: 

  1. Open the desired block and go to the Image section where you want to add a hyperlink.  
  2. Enter the destination URL in the Image URL field. 

 

Font size 

You can change the font size to improve readability or match the design of your email.

  1. Navigate to the desired text.  
  2. Select the appropriate font size from the available options in the font size dropdown. 

 

Supported image fonts 

You can upload images in JPG, JPEG, PNG, WEBP, and animated GIF formats. These file types are supported by the Email Designer and can be used throughout your email content.

 

 

Loading...