Email Template

Written by the Divi Engine Documentation Team

Watch This Video

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. 

Step 1: Enable Custom Email Template

Step 2: Customize The Appearance

  The "Appearance" refers to everything except the header, footer and table details. View the image at the end.

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

Step 3: Customize The Header

  • Header Logo: Add your logo above the email heading text.
  • Header Background Color: Change the background colour of your header.
  • Header Text Color: Change the colour of your text in the header (h1)
  • Text/Logo Alignment: Choose the alignment of the logo and text in the header.
  • Logo Height: Set the height of your logo.

Step 4: Customize The Order Details

This refers to information before and after the order details table, among other styling.

  • Table Border Width: Set the width of the table border.
  • Table Border Color: Set the colour of the table border.
  • Table Background Color: Change the background colour of the table.
  • Enable Product Image: Enable this to show the product image in the order table.
  • Product Image Size: Set the size of the product image.
  • Show SKU to the customer: Enable this to show the SKU number on the products for the customer. By default, it only gets sent to the admin.

Step 5: Customize The Footer

  • Footer Logo: Add a logo above the footer text.
  • Footer Background Color: Change the background colour of your footer.
  • Footer Text Color: Change the colour of your text in the footer (h1).
  • Text/Logo Alignment: Choose the alignment of the logo and text in the footer.
  • Logo Height: Set the height of your logo.
  • 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.

Step 6: 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.

More Support?

Please email us at [email protected] if you are unable to get Divi BodyCommerce working.


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