Email Template

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. 

1.) Enable Custom Email Template.

2.) Customize The Appearance.

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

  1. Background Color
    Change the background colour behind the actual email
  2. Accent Color
    Just like Divi, this is the colour that will be used for links, h1, h2 etc..
  3. Body Background Color
    Change the background colour of the email itself
  4. Paragraph Text Color
    Change the colour 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)

3.) Customize The Header.

  1. Header Logo
    Add your logo above the email heading text.
  2. Header Background Color
    Change the background colour of your header.
  3. Header Text Color
    Change the colour 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.

4.) Customize The Order Details.

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

  1. Table Border Width
    Set the width of the table border.
  2. Table Border Color
    Set the colour of the table border.
  3. Table Background Color
    Change the background colour 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.

5.) Customize The Footer.

  1. Footer Logo
    Add a logo above the footer text.
  2. Footer Background Color
    Change the background colour of your footer.
  3. Footer Text Color
    Change the colour 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.

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.

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