Skip to main content

Branding

Different options for personalizing the layout of the checkouts

Use Subbly's branding settings to customize the Subbly-managed checkout and customer portal. Storefront branding for an Agentic Builder site is configured separately in the Builder.

Settings > Branding controls the Subbly-managed checkout and customer portal. If your storefront is built with the Agentic Builder, these settings do not automatically apply to that website. Configure the Builder site's logo, colors, favicon, SEO metadata, and other storefront styling through the Agentic Builder and its project instructions.

Changing branding on the checkout and customer portal

In your Subbly admin, go to Settings > Branding. You can upload the shared square logo, change the brand color, and configure the favicon used for the Subbly-managed checkout and customer portal.

Choosing white or a similar light color for your brand color may make some checkout buttons difficult to see. Use a darker color when possible.

These settings do not automatically control the visual styling or SEO metadata of an Agentic Builder website. For that site, use the Builder agent or add lasting brand rules to Project Instructions, including colors, typography, fonts, spacing, layout principles, logo, favicon, page titles, and meta descriptions.

Brand Studio is separate from Settings > Branding. It generates initial business-name and logo concepts and does not automatically synchronize a selected concept across checkout, customer portal, email, and Agentic Builder surfaces.

Cart widget appearance

For more information about the cart widget, see Setting up cart widget.

Update the cart widget's visual styling through Cart Settings. Cart Widget settings are separate from the general Branding settings.

You can change the available styling options and preview the changes as you make them.

What is a favicon?

A favicon is an icon associated with a website. It usually appears next to the page name in a browser tab.

The favicon in Settings > Branding is used for the Subbly-managed checkout and customer portal. It is not the same as the favicon for an Agentic Builder website. Configure the Builder site's favicon by prompting the agent to upload specific resource (icon) as a site's favicon.

For the best visual appearance, use a square logo. We also recommend a darker brand color so text and other checkout elements remain easy to see.

Email Layout

The email template editor lets you create a shared branded layout for transactional and automation emails sent through your store. You can customize the background, logo and other layout elements. The event-specific email message is inserted through {{body}} and is edited separately in the relevant template or automation.

Open the editor from Settings > Branding > Edit email layout, or open the email design area directly at Email design.

The shared layout editor includes the following controls:

  • View component - Show or hide the layout grid.
  • Media view - Switch between device preview modes.
  • View code - View or edit the HTML source.
  • Undo and Redo - Reverse or reapply edits.
  • Reset to default template - Restore the default layout.
  • Style manager - Edit dimensions, typography, colors, spacing, borders and other visual styles.
  • Component settings - Edit image alt text, links, URLs and IDs.
  • Layer manager - Review and rename the email component hierarchy.
  • Blocks - Drag reusable content blocks into the layout.

Changes to the shared layout apply across the merchant's email templates. The email editor is separate from checkout and cart-widget settings, Brand Studio, Agentic Builder project instructions, and sender-address or email-provider configuration.

Reviewing email activity

To review emails sent from your store, open Email activity in the admin. This is an admin view for the merchant and team, not a customer-facing page.

Brand Studio, email design, checkout branding, cart-widget styling, and Agentic Builder site branding are separate tools. Change the setting that matches the surface you want to update.

If you have questions, contact customer support.

How did we do?

Testing checkouts and customer portal

How do I remove Subbly branding from the checkout?

Contact