Email Template

Divi BodyCommerce allows you to customise the style of your email template.

Below is a video that demonstrates how to customise the email template in BodyCommerce.

Go to Divi Engine > BodyCommerce > Email Template Tab

Here have a number of settings for you to play with to make your custom email template. Below is a screenshot of the page and further information below that.

We have broken the settings into various sections:

  1. Appearance – changes the overall feel/design
  2. Header – customise the header of the email
  3. Order Details Table – customise the order details table if the email has one
  4. Footer – customise the footer
  5. Preview Your Email – take a look at what the email will look like.

Appearance

  1. Background Color
    Change the background color behind the actual email
  2. Accent Color
    Just like Divi, this is the color that will be used for links, h1, h2 etc..
  3. Body Background Color
    Change the background color of the email itself
  4. Paragraph Text Color
    Change the color of most of the paragraph text – you may change some specific ones later.
  5. Page Width
    Set the width of the email – default is 600px
  6. Border Radius
    Change border radius of the form – if you want rounded corners = higher the number.
  7. h1, h2, h3 & paragraph font size
    Change the font sizes of these respectively.
  8. Paragraph Line Height
    Set the line height (distance between lines of text)

Header

  1. Header Logo
    Add your logo above the email heading text.
  2. Header Background Color
    Change the background color of your header.
  3. Header Text Color
    Change the color of your text in the header (h1)
  4. Text/Logo Alignment
    Choose the alignment of the logo and text in the header.
  5. Logo Height
    Set the height of your logo.

Order Details Table

  1. Table Border Width
    Set the width of the table border.
  2. Table Border Color
    Set the color of the table border.
  3. Table Background Color
    Change the background color of the table.
  4. Enable Product Image
    Enable this to show the product image in the order table.
  5. Product Image Size
    Set the size of the product image.
  6. Show SKU to customer
    Enable this to show the SKU number on the products for the customer. By default it only gets sent to the admin.

Footer

  1. Footer Logo
    Add a logo above the footer text.
  2. Footer Background Color
    Change the background color of your footer.
  3. Footer Text Color
    Change the color of your text in the footer (h1).
  4. Text/Logo Alignment
    Choose the alignment of the logo and text in the footer.
  5. Logo Height
    Set the height of your logo.
  6. Footer Text
    Set the text you want to be shown in the footer. Try not to be too fancy with your design here as some email clients are funny about rendering HTML/CSS.

Preview Your Email

Take a look at how the email will look with your changes. Make sure you save the page settings first before as it is not live changes.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us