How-to guides

Set up Brix, step by step

Short, friendly walkthroughs for every part of Brix, with clear steps and a picture of what you’ll see. Pick a guide and follow along.

Guide 01 · Cart offers

Set up Frequently Bought Together

Customers often buy just one product because related items aren’t shown at the right moment. With Brix Frequently Bought Together, you recommend relevant products right inside the cart drawer.

  1. 1

    Open FBT

    From the Brix dashboard, go to FBT in the left navigation.

  2. 2

    Pick a template

    Choose one of three layouts: a compact horizontal row, a card grid, or a featured single-product layout.

  3. 3

    Choose how recommendations are built

    Manual to pick products yourself, Automatic to let Brix suggest related items, or AI-Powered for smarter personalized picks on supported plans.

  4. 4

    Customize the block

    Set the section title, button text, price visibility, maximum products, and display limit, then click Save.

  5. 5

    Enable it in your theme

    Click Enable in theme editor. In Shopify’s Theme Editor, open App embeds, turn on the FBT Widget from Brix, and click Save.

  6. 6

    Confirm it’s live

    Return to Brix and refresh to check the widget status. Once active, your block appears on your product pages.

Product page

Frequently bought together

Vitamin C SerumIn your cart$28
Hydrating MoisturizerPairs well$24
Gentle CleanserPairs well$19
Add 3 items to cart · $71

Done! Your Frequently Bought Together recommendations are ready to help customers discover relevant products and grow cart value.

Guide 02 · Bundles

Create a Build a Combo page

Customers may want several products together, but finding the right combination takes time. With Brix Combo, you create dedicated bundle pages that make selection easy.

  1. 1

    Start a bundle

    From the dashboard, open Build a Combo Pro and click Create a Bundle.

  2. 2

    Choose a layout

    Guided Architect for step-by-step selection, Velocity Stream for fast category browsing, or Editorial Split for a premium, image-focused look.

  3. 3

    Add steps & products

    Add your steps or categories and pick products straight from your Shopify catalog.

  4. 4

    Style it and add a discount

    Attach a discount and customize colours, fonts, buttons, and header content. Need copy? Click the Brix AI sparkle to generate titles and descriptions.

  5. 5

    Publish

    Click Publish, and Brix automatically creates a dedicated Shopify page for your bundle.

  6. 6

    Manage & measure

    Edit, duplicate, or manage bundles from the dashboard and track views and revenue. Open Brix Analytics for visitors, click-through, and bundle revenue.

Build a Combo

Summer Skincare Set

Step 1Cleanser
+
Step 2Serum
+
Step 3SPF
Bundle price$59Save 15%
Publish bundle page

Done! Your bundle page is ready to help customers discover better combinations and build higher-value orders.

Guide 03 · Brix AI

Work smarter with Brix AI

Not sure what to write, recommend, or change? Brix AI helps you do it faster, right where you’re already working.

  1. 1

    Open the AI panel

    On any page inside the app, click the Brix button in the bottom-right corner to open the AI chat.

  2. 2

    Ask anything

    Ask about your settings, learn how features work, get upsell product suggestions, or get step-by-step help making changes.

  3. 3

    Let it write for you

    Brix AI can write coupon banner copy, bundle descriptions, and Frequently Bought Together section headings.

  4. 4

    Generate inside the builder

    In the Bundle Builder, click the sparkle icon next to any supported field to instantly generate titles, descriptions, and step names.

  5. 5

    Review & continue

    Check the suggestion, tweak anything you like, and keep building.

Brix AI
Write a heading for my FBT section “Complete your routine: customers add these next.” Make it shorter “Complete the set” Generate with Brix AI

Done! With Brix AI you spend less time guessing and more time optimizing your store.

Guide 04 · Cart

Customize your cart with the Cart Editor

Want to design how your Shopify cart drawer looks and works? The Cart Editor gives you a live preview as you go, with settings on the left and your cart on the right.

  1. 1

    Open the Cart Editor

    From the dashboard, go to Cart Editor. Settings sit on the left; a live preview on the right.

  2. 2

    Set the basics

    Switch between Items and Empty Cart preview, and toggle the drawer Active or Inactive from the top bar.

  3. 3

    Design

    Customize cart width, border radius, shadow, and animation.

  4. 4

    General & header

    Choose when the cart opens and which side it slides from, then style the cart title, close button, colors, and border.

  5. 5

    Turn on body features

    Enable announcements, progress bar, coupon slider, upsell products, and empty-cart recommendations.

  6. 6

    Footer & save

    Customize the checkout button, footer text, colors, and advanced options like custom CSS. When the preview looks right, click Save. Some advanced features are plan-specific.

Cart Editor
Design
Header style
Progress bar
Coupon slider
Upsell products
Footer & checkout
Save changes

Done! Your Brix cart drawer is customized and ready to create a better shopping experience.

Guide 05 · Promotions

Set up a Coupon Banner

Want to show promos right on your product pages? Brix Coupon Banner displays discount codes near the Add to Cart button to encourage customers to buy faster.

  1. 1

    Open Coupon Banner

    From the dashboard, go to Coupon Banner and turn the top-right toggle to Active. If the theme app embed isn’t enabled, Brix links you straight to the Theme Editor.

  2. 2

    Pick a template

    Choose Classic Banner, Minimal Card, or Bold & Vibrant.

  3. 3

    Select coupons

    Open Coupon Selection and choose the active Shopify discount codes you want to show.

  4. 4

    Set where it shows

    In Display Condition, target all product pages, specific products, collections, or product tags.

  5. 5

    Customize & lay out

    Edit heading, subtext, colors, button style, and per-coupon rules. In Layout, choose list, carousel, or grid, then optionally enable a Countdown Timer for urgency.

  6. 6

    Place & save

    Choose whether the banner sits above or below the Add to Cart button, check the preview, and click Save.

Product page
SAVE10 FREESHIP BUNDLE15
Add to cart

Done! Your Coupon Banner is live on your product pages and ready to nudge faster checkouts.

Ready to try it yourself?

Install Brix free and follow any guide. You’ll have your first offer live in minutes.

Install on Shopify for free

Free plan available · No credit card