---
title: "Customizing Review Request Emails with the Advanced Editor"
slug: "customizing-review-request-emails-with-the-advanced-editor"
updated: 2026-05-28T11:11:53Z
published: 2026-05-28T11:11:53Z
canonical: "support.yotpo.com/customizing-review-request-emails-with-the-advanced-editor"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.yotpo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customizing Review Request Emails with the Advanced Editor

Products

  

Reviews

###### Supported plans

Free, Starter, Pro, Premium, Enterprise

###### eCommerce Platform

Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

## Feature Overview

The Advanced Email Editor allows you to customize the design and layout of your review request emails using a drag-and-drop interface. With this editor, you can easily adjust the structure of your email, add different content elements, and apply styling that matches your brand. Using ready-made layouts and blocks, you can build and modify your review request email without writing code.

In this article, you will learn how to access the Advanced Email Editor and customize your review request email.

## Getting Started

To access the Advanced Email Editor:

1. In the main menu, go to **Emails**.
2. Click **Email Setup**.
3. On the Review request email click **Edit**.
4. On the right-hand side of the screen, click **Customize email** to open the **Advanced Email Editor**.

The editor will open with your selected review request email template, allowing you to customize its structure, content, and design.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/1. Accessing(5).gif?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D)

## Managing Templates

You can manage your email template directly from the Advanced Email Editor.

To access these options:

1. In the editor, click **Manage template** in the top-right corner.

The following options are available:

****Importing design****

You can import a template from another store.

To import a design:

1. Click **Manage template → Import design**.
2. Select the store you want to import the design from.
3. Click **Import design**.

The imported template will be applied to your email. You can then modify it as needed.

> [!CAUTION]
> **Important**
> 
> Importing another design to your email template will override your current design and remove any changes you’ve made to the email.
> 
> This action **cannot** be undone.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/2. Import design.gif?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D)

****Switch template****

You can switch to a different template at any time.

To switch a template:

1. Click **Manage template → Switch template**.
2. Select the template you want to use.
3. Click:
  - **Apply template** to use it immediately, or
  - **Preview** to view it before applying.

> [!CAUTION]
> **Important**
> 
> Applying a new template will override your current design and remove any changes you’ve made to the email.
> 
> This action **cannot** be undone.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/2.1 Switch template.gif?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D)

****Resetting to default****

You can reset the template to its original default version.

To reset the template:

1. Click **Manage template → Reset to default**.
2. Click **Reset** to confirm.

This will restore the template to its original state and remove all changes you’ve made.

> [!CAUTION]
> **Important**
> 
> Resetting the template will permanently remove all changes and **cannot** be undone.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/2.3 Reset to default.gif?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D)

## Understanding the Email Editor

The Advanced Editor provides a drag-and-drop workspace where you can build and customize your email layout.

The main editor interface includes the **Layouts panel**, **Blocks panel**, **email canvas**, and **style settings panel**. The editor is built using two main elements: **layouts** and **blocks**. Layouts define the structure of the email, while blocks contain the content.

> [!CAUTION]
> **Note**
> 
> Some system-generated placeholders may appear in the email preview. These values are automatically replaced with the correct data when the email is sent and do not require any action.

### Layouts

Layouts define the structure of your email. They divide the email into rows and columns, allowing you to organize content before adding blocks.

Each layout contains one or more columns, where you can place blocks such as text, images, or buttons.

You can drag a layout into the email canvas and then add blocks inside each column.

Layouts allow you to create different column arrangements such as:

| Layout | Description |
| --- | --- |
| **Single column** | A full-width row used for elements such as banners, product blocks, or large images. |
| **Two columns** | Splits the row into two equal sections for placing content side-by-side. |
| **Three columns** | Divides the row into three sections for displaying multiple elements. |
| **Multi-column layouts** | Provide additional column combinations for more complex email designs. |

After adding a layout, you can adjust the width of columns and customize spacing or background settings.

### Blocks

On the left side of the editor, you’ll find the **Blocks** panel. Blocks allow you to add content to your review request email. Drag and drop blocks into the email canvas and customize their content and appearance.

Some blocks are **specific to Yotpo review request emails**, while others are **standard content blocks** used to build the email layout.

Some Yotpo blocks are included in the template by default and are required for the review request email to function properly.

| Block | Description |
| --- | --- |
| **Yotpo-Specific Blocks** |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.37.47.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Displays the review submission form where customers can rate the product and leave feedback. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.37.33.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Displays the image of the product being reviewed. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.37.59.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Automatically displays your store’s logo. |
| **Standard Content Blocks** |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.03.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Allows you to add and format text content. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.08.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Adds an image to your email. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.16.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Adds a call-to-action button that links customers to your review page or another destination. > [!CAUTION] > **Note** > > The **Button Styles** settings apply only to buttons that you add manually using the **Button block**. They do **not** affect the **“Write your review”** button inside the review submission form, which uses a predefined style. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.21.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Displays social media icons that link to your social channels. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.25.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Adds a horizontal navigation menu with links. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.30.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Allows you to display an image with optional overlay text. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.37.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Adds a video thumbnail that links to an external video. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.42.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Allows you to add custom HTML code to the email. |
| ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/Screenshot 2026-03-04 at 16.38.47.png?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D) | Adds space between elements to improve layout and readability. |

You can reorder sections by dragging a layout to a different position in the email canvas.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/3. Understanding the editor.gif?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D)

## Styling Your Email

The right-hand panel allows you to customize the overall appearance of your review request email. From here, you can control layout settings, typography, and button styling to ensure the email matches your brand.

The styling options are divided into several sections that control the appearance of your review request email.

### Global Styles & Layout

This section controls the general layout and structure of the email.

Here you can configure:

- **General Background Color** – Sets the background color of the email.
- **Background Image** – Adds a background image behind the email content.
- **Message Content Width** – Defines the width of the email content area.
- **Message Alignment** – Aligns the email content to the left, center, or right.
- **Underline Links** – Enables or disables underlined links.
- **Responsive Design** – Automatically adjusts the layout for smaller screens so emails display properly on mobile devices.
- **Right-to-Left Text Direction** – Enables right-to-left formatting for languages such as Arabic or Hebrew.
- **Default Structure Padding** – Controls the default spacing inside email sections.
- **Margins Around Message** – Adjusts the spacing around the email layout.
- **Default Styles** – Applies default CSS styling that can be overridden when customizing individual elements.

### Stripe Styles

Stripe Styles control the default styling of the different email sections.

You can also define different styles for various sections of the email, including the **header**, **content**, **footer**, and **info area**.

### Heading Styles

This section allows you to customize how headings appear in your email.

These styles apply to headings added through **Text blocks**.

### Button Styles

This section controls the appearance of buttons used in your email.

You can also enable **Support for Outlook**, which improves button compatibility in Microsoft Outlook email clients.

You can reorder sections by dragging a layout to a different position in the email canvas.

### Showing or Hiding Elements on Mobile or Desktop

You can control whether elements appear on desktop, mobile, or both devices.

To do this:

1. In the editor toolbar, select **Desktop** or **Mobile** view.
2. Click an element in the email canvas.
3. In the settings panel, locate **Hide Element**.
4. Choose whether to hide the element for the selected device (desktop or mobile).

This allows you to customize how your email layout appears on different devices.

#### Editing Mobile-Specific Settings

To adjust how elements appear on mobile devices:

1. In the editor toolbar, switch to **Mobile** view.
2. Select an element in the email canvas.
3. Modify the available mobile settings in the settings panel.

Depending on the element, you can adjust:

- **Alignment on Mobile**
- **Fit to Width on Mobile**
- **Padding on Mobile**
- **Margins on Mobile**

## Customizing Your Review Request Email

The Advanced Email Editor allows you to customize your review request email in two main ways: by adjusting the overall styling of the email or by modifying individual elements within the layout.

Before you begin customizing your email, it’s important to understand how its structure works.

A typical email is composed of the following elements:

| Element | Description |
| --- | --- |
| **Sections** | The highest-level structural element in an email. Sections divide the email into major areas such as the header, body, and footer. |
| **Layouts** | Layouts define how content is arranged within a section. A layout can contain one or more columns. |
| **Blocks** | Blocks contain the actual content displayed in the email, such as text, images, buttons, or product information. |

A well-structured review request email typically includes three main sections:

- **Header** – Contains branding elements such as the store logo.
- **Content (body)** – Displays the main message, product information, and the review submission area.
- **Footer** – Includes additional information such as store links or contact details.

To customize your email:

1. **Drag a layout** from the **Layouts** panel into the email canvas to define the structure of the section.
2. **Drag blocks** from the **Blocks** panel into the layout columns to add content such as text, images, or buttons.
3. **Position the element** by dragging it to the desired location. When the **Drop here** indicator appears, release it to place the element in the canvas.
4. **Click any block** in the canvas to edit its content or adjust its settings.
5. **Use the right-hand styling panel** to modify the overall appearance of your email, including fonts, colors, spacing, and button styles.

As you make changes, the editor updates the preview in real time so you can see how your review request email will appear to customers.

### Using Personalization Tags

Personalization tags insert dynamic values such as the customer name or product name. These values are automatically populated when the email is sent.

To add a tag:

1. Click anywhere you want to insert the value.
2. From the right-hand menu, select the **Personalization Tags** drop-down.
3. Click on the tag you want to insert.

The tag will automatically populate with the relevant customer or product information when the email is sent.

## Previewing and Testing Your Email

Before publishing your review request email, you can preview how it will appear to customers and send a test email.

### Previewing Desktop and Mobile Versions

The editor allows you to preview how your email will appear on different devices.

To preview your email:

1. In the top toolbar of the editor, select **Desktop** or **Mobile** view.
2. Review how your email layout and content appear in each version.

This helps ensure your email is properly formatted and readable across devices.

![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/4. mobile.gif?sv=2026-02-06&spr=https&st=2026-11-03T13%3A35%3A10Z&se=2026-11-03T14%3A35%3A10Z&sr=c&sp=r&sig=sYyJu6IF9wZXQmn%2BRVZ7LgMkwry1Ajbho0pICNDiK2E%3D)

### Sending a Test Email

You can send a test email to verify how your message will appear in an inbox before activating it.

To send a test email, follow the instructions in [this article](https://support.yotpo.com/docs/creating-a-review-request#test-your-review-request-email).

### Editing Multi-Language Emails

If your store supports multiple languages, you can customize the review request email for **each language**.

To edit a different language version:

1. In the **Advanced Email Editor**, open the **language selector** in the top-left corner of the screen.
2. Select the language you want to edit (for example **French**, **German**, or **Spanish**).
3. Customize the email content for that language.

Each language version can be edited independently.

If multilingual review emails are not enabled for your store, follow the instructions in [Setting Up Multilingual Review Emails](https://support.yotpo.com/docs/multilingual-review-emails).