Editing the WooCommerce email template
Edit the appearance of your WooCommerce emails by customizing your email template.
- Sign into WordPress.
- Go to WooCommerce and click on Emails.
- By default, you should be taken to the Settings tab. This is where you can manage your sender details and modify the default WooCommerce email template.
Note: You can preview what the template will look like on desktop, tablet, and mobile by toggling the devices on the top right of the template view.
- Select customize to edit the template.
- Make changes to the following settings as needed:
Note: If you’d like reset any of these to their defaults, click on “reset”. Keep in mind, the default won’t contain any of your own changes, even if you previously saved them.
- Customizer: You can edit the overall look of your email, such as the background and the email width, under the container section. The header, body, and footer sections allow you to edit these specific parts.
- Container: Under the container section, you can set your email background color and width.
- Header: Under the header section, you can add a header image and style your header. To add a header image, click on “add image”. You’ll be able to choose from your WordPress Media Library or upload a new image. If you don’t upload an image, the store logo placeholder on your template won’t appear in your emails.
To edit the header style, you can change the header background color, text color, font family, and font size. - Body: Under the body section, you can customize the style of the email body. You can define different styles for headings, paragraphs, and buttons. You can also customize the body background color.
- Footer: The footer section enables you to edit the footer style and content. The same footer will be applied to all of your emails, so make sure to be generic! In the footer text, you can use one of the available placeholders. Placeholders dynamically update with the relevant piece of information when your email is sent, so if you change your store name or URL, no need to come and change it in all of your emails.
- Example: Thanks for shopping with {site_url}!
- Customer sees: Thanks for shopping with example.com!
- Once you’re satisfied with your changes, make sure to save your template!
Note: If you have existing customized PHP templates for your emails, using our email editor will override your custom templates. Before saving, please make sure this is what you want to do. Note that your code will remain intact in the relevant PHP file.
