Design & Text Content

Font defaults to Use current theme font, so the bar blends in with zero effort — recommended. Or pick a specific font: Helvetica, Arial, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, or Courier New.

For shape, switch between square and pill corners and fine-tune the border radius from 0 to 40 px — match the radius your theme uses on its own buttons for a native look.

Every part of the bar has explicit color controls:

• Button — text and background in three states: default, hover, and out of stock. Use your theme's primary CTA color for default; make out-of-stock visibly muted (e.g. gray background).
• Card — bar background, product title, price, compare-at price, and saving-amount colors. The saving amount defaults to green — keep a color that reads as "good news".
• Variant & quantity selectors — text, background, and border colors.

Copy exact hex values from your theme settings (Theme Editor → Theme settings → Colors) for a perfect match.

Three customizable texts, each with a length limit:

Selling in another language? Write the texts in your storefront's language — they render exactly as entered. Keep button text short and imperative; "ADD TO CART" outperforms clever copy.