All Collections
Collecting reviews
Asking for reviews
Email templates
Creating custom email templates with drag-and-drop blocks
Creating custom email templates with drag-and-drop blocks
Updated over a week ago

Our custom email template editor simplifies the process of designing unique email templates through an intuitive drag-and-drop method. This article will guide you through the functionality of each block in our newly updated email template editor.

Upgrade to our Awesome Plan to unlock all features

1. Layout blocks

  • Full Width: Create a single-column layout that spans the full width of your email.

  • 50% - 50%: Divide your email into two columns, each occupying 50% of the width.

  • 34% - 66%: Configure a two-column layout with the left column taking up 34% and the right column 66% of the width.

  • 66% - 34%: Similar to the above, but with reversed column widths.

Tip: When adding a Layout block to your template, it defaults to a Text block, but you can incorporate other Content blocks within the Layout.

2. Content blocks

  • Text: This block allows you to insert and format text, making it perfect for crafting email introductions or conveying important messages. You can adjust fonts, colors, bullet points, links, and more.

  • Picture: Enhance your emails with striking visuals by inserting images. Reuse product images or upload custom pictures using a URL. Fine-tune picture width and add alt text for accessibility.

  • Line: Use this block to insert horizontal lines that visually segment different parts of your email. Customize line weight (in pixels), style (solid, dashed, etc.), and color to suit your design.

  • Spacer: Add breathing room between email sections with the Spacer block, improving readability. To control Spacer Content (spacer height), simply adjust the Top and Bottom padding in Block Settings.

  • Button: Create effective call-to-action buttons linked to product pages or any destination of your choice. Tailor button text, URL, text color, background color, and more to align with your branding.

Tip: You can type "{{" in the Button URL field to access a dropdown of available variables.

3. review request blocks

Form block

  • This block provides an in-email form for customers to review your products directly within the email.

  • You can customize the form's title, placeholder, button text, button background, star color, and more.

After customers submit reviews using the in-email form

  • Their reviews are automatically recorded into the dashboard.

  • They are redirected to the product page with a message confirming, "Your review has been successfully submitted. Thanks!"

  • From here, customers can choose to edit any details or add more pictures using the Review Widget.

Stars block:

  • This block opens a step-by-step review form for a single product, initially asking customers to upload a picture or video.

  • You have the option to customize the star color.

Shop review block

  • This block enables customers to submit a store review by directing them to the "write a review" form on the All Reviews Page.

  • You can customize the button text, button background, star color, and more.

Multi product block

  • With this block, you can add multiple products from your customers' orders that are ready to be reviewed.

  • Each product includes an image, a title, and a review button linking customers to the "write a review" form on the respective product page.

  • Customize the block title, button text, picture size, button color, background color, and other attributes.

Suggestions block

  • This block assists with upselling by recommending products that may interest your customers.

  • You can choose from four different ways to display your products: Bought Together, Top Sellers, Most Reviewed, or Random Selection.

  • Additionally, you can adjust the number of recommended products and customize text, images, and buttons.

  • Note: A handpicked recommendations option will be available in the next version.

Unsubscribe block

  • This block allows you to add an unsubscribe link to your email templates.

  • You can edit attributes like padding, margin, border, color, and more.

Note: Ensure you add an unsubscribe block (or use the "{{ unsubscribe_href }}" variable) in every email template to allow saving.

4. Settings

Block settings

For each individual block, you can access the following settings:

  • Padding: Adjust the space around your block content relative to the block border.

  • Margin: Modify the distance between your block and the email template border.

  • Border: Add a border around your block, with options to change the weight in pixels, style, and color of the border.

  • Border Radius: Apply rounded corners to your block's border.

  • Color: Customize the text color within your block.

  • Background Color: Alter the background color of your block.

  • Align: Fine-tune the text alignment within your block.

Template settings

For the entire Email Template, you have access to these settings:

  • Template Name: Assign an internal name to your Email Template.

  • Preview Text: Specify the small text that appears next to the Email Subject.

  • Email Subject: Define the subject line that customers will see when they receive your emails.

  • Desktop Width: Set the width of your entire email body in relation to the email background.

  • Email Background: Choose the color for your email's background.

  • Content Background: Select the color for your content's background.

  • Text Color: Pick the color for your text.

  • Links Color: Set the color for your hyperlinks.

  • Show Branding: Decide whether you want to display "Powered by" in the footer.

  • Number of Emails for Orders with Multiple Products: Here, you can choose between two options:

    • Send multiple emails, one for each qualified product in the order.

    • Send a single email, even if the order contains multiple products.

Example: If an order has 4 products, you can opt to send 4 emails to your customers. You can configure different sequences for these emails (e.g., most expensive, least expensive, random, least reviews) in the Review Request settings. Alternatively, you can choose to send a single email that includes all 4 products in the order.

  • If you include BOTH the Form (Single Product) block and Multi-Product block in ONE template, the first item in the sequence will be placed in the Form block, while the other products will appear in the Multi-Product block.

  • In cases where the order contains only one product or you choose to send multiple emails with a single product, the Multi-Product block won't appear in the actual emails.

Note: In the case of emails for orders with multiple products, choose to send separate emails for each qualified product or a single email that includes all products in the order. You can set these conditions in Settings > Review Request.

For real examples of email templates created by users, please visit our inspiration page. Additionally, check out our blog article on "8 Tips to Create Better Email Templates" for more insights."

Did this answer your question?