How to Add products into an email using the new beta design editor by AiTrillion

How to Add products into an email using the new beta design editor by AiTrillion

1. Login to AiTrillion & head over to templates

2. Choose the create template option

3. Opt for the new beta design editor

4. You will see a screen similar to the one below. Click on Blocks

5. Find the block for products. Click+hold that block and drag it to the layout area. 

6. Once you have dragged and dropped this block, you will then see an option to select products group. Click on the same to select the products you want to insert from Shopify. 

7. For this example I chose the Trending Products field and you can see it has auto populated the products. 

8. Clicking on the blocks in the email design editor will allow you to make settings pertaining to that block. 

  
8a. Some of the settings in the product card composition area, as is noticed, have arrows pointing towards the right. This means that that setting is not about a flick switch but has settings under it. For example the settings for image include size and positioning settings, the name area includes settings for text color, alignment, linespacing and more!

9. To configure mobile view based settings, Head over to style and Mobile Formatting

You can even configure button size settings here!

10. If you need help you can speak to our support team on support@aitrillion.com or book a zoom with them on www.aitrillion.com/support 

    • Related Articles

    • How to add images in the new beta email design editor by AiTrillion

      1. Login to AiTrillion & head over to templates 2. Choose the create template option 3. Opt for the new beta design editor 4. You will see a screen similar to the one below. Click on Blocks 5. Find the block for images. Click+hold that block and drag ...

    • How to Design Email Template Using Email Editor

      Now you can easily design beautiful email templates with AiTrillion’s powerful email editor. You can design emails using the HTML editor as well as the Drag and Drop Email editor with ease. Step 1. Login to AiTrillon. Step 2. Go to Email Marketing > ...

    • How to use the new beta design editor in AiTrillion?

      1. Login to AiTrillion & head over to templates 2. Choose the create template option 3. Opt for the new beta design editor 4. The left side navigation panel allows you to setup options for style and content. The right side shows you the preview of ...

    • Benefits of the new responsive design editor in AiTrillion

      1. Login to AiTrillion & head over to templates 2. Choose the create template option 3. Opt for the new beta design editor 4. The new beta design editor has the following benefits over the legacy editor Drag & drop email builder: Build and customize ...

    • How To add an automatic discount code generator in the new beta design editor by AiTrillion?

      1. Login to AiTrillion & head over to templates 2. Choose the create template option 3. Opt for the new beta design editor 4. You will see a screen similar to the one below. Click on Blocks 5. Find the block for coupon code. Click+hold that block and ...