Plugin Documentation by “MB Création” v1.0
“WooCommerce Pretty Email Plugin”
Created: 09/26/2014
Updated: 11/09/2016
By: Benoit Mercusot
Support: support@mbcreation.net
Thank you for purchasing WooCommerce Pretty Email Plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
A) About - top
WooCommerce Pretty Emails gives you the ability to customize WooCommerce default email by adding new options such as brand logo, font size, top navigation and social networks options. Based on https://github.com/mailgun/transactional-email-templates the html templates is responsive.
B) Installation - top
WooCommerce Pretty Emails Plugin requires WordPress 3.8+ and WooCommerce 2.1+
Just like every plugins, just copy the woocommerce-pretty-emails folder in your wp-content/pluginsfolder then activate it through WordPress dashboard. The plugin is only accessible for Admin's
If the installation went OK, you can now access the plugin Dashboard from the WooCommerce > Settings Menu, Then go to the email tab.
C) Settings - top
Header Image Link
Make the header image clikable by adding and absolute URL.
Company Logo
Just like Header Image. You should enter url the absolute URL of the logo you want to display in the header of your email. The logo will also appear in the footer in a smaller size. (arount 300px * 120px) is a great size/ratio.
Logo Link
Maybe you can just add the homepage to your website here !
Footer Logo width
Limit the footer logo to a specific with in pixel. You can set it to 0 to hide logo totally.
Email template width
Since the template is responsive, this should be considered as a max-width. 700px is a great default value. Try to stay between 500 and 800. Unit is pixel.
Logo display template
Choose between to layout : default for logo on the left and menu on the right. Centered for centered logo and menu above it.
Body font size
This is the default font size for the email body excluding headings. Appropriate values are between 12 and 16. Unit is pixel.
Body font family
Choose here the main font familly for your email template.
Heading 1 font size
This is the font size for h1 tag (including heading). Appropriate values are between 16 and 20. Unit is pixel.
Heading 1 font color
The color used by the main "h1" tag (ie. headline).
Heading 2 font size
This is the font size for h2 tags. Appropriate values are between 14 and 18. Unit is pixel.
Heading 2 font color
Color used in h2 tag. (subtitle)
Heading 3 font size
This is the font size for h3 tags. Appropriate values are between 12 and 16. Unit is pixel.
Heading 3 font color
This is the font color for h3 tags.
Headings font family
Choose here the font familly for heading tags : h1,h2,h3 etc...
Download link font size
Size in pixels of download links.
Download link font color
Color of the download links
Main border color
Defines the border color for the surrounding borders included in order emails. Unit is hexadecimal color code.
Order table border color
Defines the border color for the cart table included in order emails. Unit is hexadecimal color code.
Product Thumbnails Size
Product Thumbnails Size (in pixels)
Display product thumbnails in email
Whether you would like to include products thumbnail in order emails.
Extra link one, Extra link two, Extra link three
Use these three extra settings to add a custom navigation in the up right corner of your email. You can for exemple include a link to your homepage, a link to the "my account" page, and one to the contact page.
Facebook page URL
Fill this to display a facebook logo in your email footer that links to your facebook page. Absolute URL needed
Twitter profil URL
Fill this to display a twitter logo in your email footer that links to your twitter page. Absolute URL needed
Instagram profile URL
Fill this to display a Instagram logo in your email footer that links to your Instagram page. Absolute URL needed
Pinterest profile URL
Fill this to display a Pinterest logo in your email footer that links to your Pinterest page. Absolute URL needed
Google+ profile URL
Fill this to display a Google+ logo in your email footer that links to your Google+ page. Absolute URL needed
Specific settings for the "customer processing order" email
- The text to appear in the introduction for the customer processing order email (will be displayed instead of default message)
- Banner Images ( absolute url needed )
- Banner Position ( before or after the order table / product listing )
- Banner Link (optional / absolute URL if users click on the banner image )
- Attachment (absolute URL that needs to point to the upload folder of your WordPress install)
Specific settings for the "customer completed order" email
- The text to appear in the introduction for the customer completed order email (will be displayed instead of default message)
- Banner Images ( absolute url needed )
- Banner Position ( before or after the order table / product listing )
- Banner Link (optional / absolute URL if users click on the banner image )
- Attachment (absolute URL that needs to point to the upload folder of your WordPress install)
Benoit Mercusot