Configuration

Scope:
What is this?
Email Template Editor
Email Template Editor

Update is available and recommended. Current version is: 1.14.13. Download the latest version of the module from the following link.

Submit a feature request
General Settings
General Settings

In order to configure your email templates there are a few steps to be completed, described in detail in product documentation. Here is a short summary of the steps:

  • Step 1: Set your store email addresses
  • Step 2: Set your store information
  • Step 3: Enable Enhanced Email Extension and start configuring
  • Step 4: Setup each email template
  • Step 5: Assign your templates for each email
  • Step 6: Submit to Gmail, for Mark-ups (optional)

Enable/Disable Email Template Editor.

Show product image in sales order/invoice/creditmemo emails.

Logo Light
Logo Dark
Email Header Options
Email Header Options

Set the background color for Email Header. Example: #303030

Email Footer Options
Email Footer Options

Set the background color for Email Footer. Example: #303030
You can change email Social Media Links from CMS Block: "EnhancedEmail Social Media Block"

Email Top Menu
Email Top Menu

Set the font color for Email Top Menu. Example: #303030

Set the background color for Email Top Menu. Example: #303030

Set the padding (top/bottom) for Email Top menu. Example: 10px

Set the padding for Email Top Menu Items. Example: 10px

Email Body Options
Email Body Options

Set the background color for Email Wrapper Body. Example: #303030

Set the background color for Email Body. Example: #303030

Set the text color for Email Body. Example: #303030

Set the link color for Email Body. Example: #303030

Set the background color for Email Body Order Total section. Example: #303030

H1
H1

Set the text color for H1 heading. Example: #303030

Enable/Disable Google Fonts on H1 Heading.

Set font family for H1 heading. Example: Questrial. Please check this for more details on google fonts

Set character set for H1 heading. Example: Latin.
Please check this for more details on google fonts

Set Websafe Fonts on H1 Heading

Set fallback Fonts on H1 Heading

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold

Set font weight for H1 heading.
Please check this for more details on google fonts.

Set the font size for H1 heading.

Set font style for H1 heading.

Set line height for H1 heading.

Set letter-spacing for H1 heading.

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold
H2
H2

Set the text color for H2 heading.

Enable/Disable Google Fonts on H2 Heading.

Set font family for H2 heading. Please check this for more details on google fonts

Set character set for H2 heading. Please check this for more details on google fonts

Set Websafe Fonts on H2 Heading

Set fallback fonts for H2 Heading

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold

Set font weight for H1 heading.
Please check this for more details on google fonts.

Set the font size for H2 heading.

Set font style for H2 heading.

Set line height for H2 heading.

Set letter-spacing for H2 heading.

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold
H3
H3

Set the text color for H3 heading. Example: #303030

Enable/Disable Google Fonts on H3 Heading.

Set font family for H3 heading. Example: Questrial. Please check this for more details on google fonts

Set character set for H3 heading. Example: Latin. Please check this for more details on google fonts

Set Websafe Fonts on H3 Heading

Set fallback fonts for H3 Heading

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold

Set font weight for H3 heading.
Please check this for more details on google fonts.

Set the font size for H3 heading.

Set font style for H3 heading.

Set line height for H3 heading.

Set letter-spacing for H3 heading.

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold
Paragraph
Paragraph

Set the text color for Paragraph. Example: #303030

Enable/Disable Google Fonts on Paragraph.

Set font family for Paragraph. Example: Questrial. Please check this for more details on google fonts

Set character set for Paragraph. Example: Latin. Please check this for more details on google fonts

Set Websafe Fonts on Paragraph

Set fallback fonts for Paragraph

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold

Set font weight for Paragraph.
Please check this for more details on google fonts.

Set the font size for Paragraph.

Set font style for Paragraph.

Set line height for Paragraph.

Set letter-spacing for Paragraph.

The font-weight property sets how thick or thin characters in text should be displayed. Can be defined from thin to thick characters. For example 400 is the same as normal, and 700 is the same as bold
Buttons
Buttons

Set the text color for Buttons. Example: #303030

Set the background color for Buttons. Example: #303030

Set the border color for Buttons. Example: #303030

Set the text color for Buttons. Example: #303030

Set the background color for Buttons. Example: #303030

Set the border color for Buttons. Example: #303030

Email Body Messages (eg. order/invoice comment)
Email Body Messages (eg. order/invoice comment)

Set the text color for the Email Body Comment section (eg. order/invoice comments). Example: #303030

Set the background color for the Email body Comment Section (eg. order/invoice comments). Example: #303030

Products Grid
Products Grid

Leave 0 to list all products.