Articles in this category

Setting up your branding (email template editor)

Wanna show off your brand during checkout and at your customer login area? Look no more, you can upload your own logo and change the brand color of your checkouts with ease


Changing branding on the checkouts

In order to do this, from inside your Subbly admin, go to Settings > Branding. You'll be presented with both functions as shown below. Feel free to upload both your logo or change your brand color from here.

Note that choosing the white color for your brand color may interfere with visibility of some CTAs on the checkouts, so we don't advise usage of this color or any similar color patterns.

What is a favicon and how to change it for your website?

Favicon is an icon associated with a website, typically displayed in the address bar of the browser accessing the site. It's located next to the web pages name in the browsers tab.

You're also able to adjust the favicon which is displayed in the browser tabs, in order to match the branding on the checkouts. The setting for it is found in the same location as the branding for checkouts as highlighted in the image below:

For the best visual appearance we require a square logo, and we recommend you use a darker color as your brand color as this will be used for layout and some other elements you want to be easily seen (if you don't have a specific brand color, then perhaps use a dark gray).


How to add your branding to every email?

The template editor allows you to create custom branded emails for your subscribers. You can change the background, logo, and other elements of the general appearance. You can’t directly change the email’s content in the custom template editor — {{body}} content will automatically be pulled from your template or automation configuration.

In order to access to the email template editor, from inside your Subbly admin, go to Settings > Branding > Edit email template.

You will be presented with the following editor in which you can add/edit the elements found in the container outside the  {{body}} content.

Template editor legend.

1. View component - Enable and disables grid view.

2. Media view - Switch between devices view mode.

3. View code - View HTML code of your current template.

4. Undo

5. Redo - Reverse latest action/Restore previous action.

6. Reset to default template - Restores template to their initial state.

7. Open style manager - Opens a menu in which you can edit component styles as dimension, typography and decorations

8. Component settings - Opens a menu in which you can edit component non-visual settings as images alt text, links URLs, component IDs, etc...

9. Open layer manager - Opens a menu in which you can look at the layer structure of your email template and rename layers to your convenience.

10. Open block - Opens a menu from which you can drag and drop blocks and components to build your email template.

We know brand awareness goes beyond visuals, so we wrote this article for you.

Have any questions? Feel free to contact customer support.

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free