PeepSo Docs

Change email colors and design

One of the most common brand identity questions are related to the design of emails that have been generated by PeepSo and dispatched to web server to send them to end user.
These emails are by default very minimalistic and contain only basic information.

So how to change the color scheme, maybe add an image to reflect your brand?
The solutions are rather simple, but require a basic knowledge of HTML and CSS so you can actually design your email templates.

Solution 1; Backend Configuration

PeepSo allows for complete change of the email HTML template in the backend configuration.
Go to WP Admin -> PeepSo -> Configuration -> Advanced and scroll down to the “Emails” section until you find the options to override an entire HTML

Simply copy and paste your custom email HTML into the “Override entire HTMl” box and emails created with PeepSo will folow your new design.

Solution 2; Template override

We already wrote about template overrides and how they work, so we won’t try to re-invent the wheel one more time.
If you’re not sure how template overrides work, we strongly suggest you to read the documentation about it. It can apply to any other PeepSo template not just emails, and can really be a a little extra step that you have to do to give your site a personal touch or unique visual identity.

To override the PeepSo-generated emails, copy these three (3) files:

  • ROOT/wp-content/plugins/peepso-core/templates/general/email.php
  • ROOT/wp-content/plugins/peepso-core/templates/general/email-header.php
  • ROOT/wp-content/plugins/peepso-core/templates/general/email-footer.php

Paste these files into the ROOT/wp-content/peepso/overrides/templates/general
Once files are copied to override folder, you can start customizing them to suit your desired visual identity.

If this is the first time you’re doing a template override, the override folder might not exist. In that case, just create it manually.