Skip to content
Help Center

Match the widget to your brand

Set your brand colors, font and corner radius, and fine-tune the bundle builder's look.

Attravo TeamUpdated 1 min read
On this page

A widget that looks like the rest of your store feels trustworthy, and shoppers buy from what they trust. All the brand settings live in one place and apply to every bundle.

Set your brand colors and font

  1. In the app, go to Settings. It opens on the Appearance tab.
  2. Under Brand, set:
    • Primary color: your accent for buttons, progress and highlights.
    • Secondary color: text and icons that sit on the primary color, like step numbers and badges.
The Primary color and Secondary color fields
  1. Choose a Font family, or keep Inherit from theme to use your theme's font, and set the Border radius for how rounded cards and buttons are.
The Font family and Border radius fields
  1. Click Save in the bar at the top of the page.

The Live preview shows each change as you make it, and switches to the page the setting affects:

Your storefront picks up saved changes within about 3 minutes.

Fine-tune the bundle builder

The bundle builder on your bundle page has its own color and style settings. Leave a color on its default to keep the builder's own look, and change only what should match your brand.

  1. Under Bundle builder colors, set colors for Text, Step headers, Buttons and Discount progress. A color you set gets a Reset to default link, and Reset all to default clears them all.
The Buttons group in Bundle builder colors
  1. Under Bundle builder style, choose:
    • Heading style: Capitalize Each Word, As written or ALL CAPS.
    • Step heading alignment and Card text alignment.
    • Text size, from 80% to 140%.
    • Product image shape and Product image fit, so photos sit well in the cards.
    • Show View product link on cards.
Heading style, alignment and text size
  1. Click Save.

Was this helpful?