Skip to main content

Setting up your branding

Different options for personalizing the layout of the checkouts

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 functions as shown below. Feel free to upload your logo along with favicon, 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.

Customizing the looks of the cart widget

For more information on what is the cart widget and how to properly set it up, please see here.

Updating visual styling of the cart widget so you can align it to your brand is possible through Cart Settings of your Subbly admin. We built a comprehensive and widget builder which should be fairly straightforward and easy to use for everyone.

You are effortlessly able to change any associated CSS styling of the cart widget while at the same time previewing all the live changes you make. Each option here should be self-explanatory, but if you run into any problems or have some questions, make sure to ping support chat for some immediate help.

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).

Changing the layout of the default email templates?

Email template editor allows you to create custom branded emails and layouts for transactional emails sent through your store to your customers. 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, once 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.

  • View component - Enable and disables grid view.
  • Media view - Switch between devices view mode.
  • View code - View HTML code of your current template.
  • Undo
  • Redo - Reverse latest action/Restore previous action.
  • Reset to default template - Restores template to their initial state.
  • Open style manager - Opens a menu in which you can edit component styles as dimension, typography and decorations
  • Component settings - Opens a menu in which you can edit component non-visual settings as images alt text, links URLs, component IDs, etc...
  • 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.
  • 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.

How did we do?

Testing checkouts and customer portal

How do I remove Subbly branding from the checkout?

Contact