Create your first brand
Open ShopBy Brands → Brands in your Shopify admin and click Add brand. Give it a name (the URL handle fills in automatically), an optional description, and upload a logo/banner. Toggle Active to control whether it's visible on your storefront.
Assign products to the brand
On the brand's page, scroll to Assigned products and click Assign products. Search or browse your catalog, tick the products that belong to this brand, and click Add. Use the search box above the assigned list any time to find one quickly, and Remove to unassign.
Turn on the storefront brand list
Go to Settings and click Enable brand list. This publishes a ready-made "Shop by Brand" page at https://your-store.myshopify.com/apps/brands — copy that link from the Settings page any time.
Customize the page text
Still on Settings, edit the Heading, Subheading, Product count label and Card call-to-action text to match your store's voice, then click Save.
Add the Brand List block anywhere
In Online Store → Themes → Customize, open any page and click Add section → Apps → Brand List for a full standalone section, or use Add block → Apps → Brand List inside an existing section to slot it in alongside other content. Either way you get full design controls — columns, colors, and whether to show the logo, name, and product count.
Turn on the floating "Shop by Brand" button
In the theme editor, open the App embeds tab (the icon that looks like a grid, top left) and switch on ShopBy Brands. This one toggle controls every ShopBy Brands feature sitewide — the badge and the button. With it on, you can customize the floating button's label, position (e.g. bottom right), and background/text colors right there, so customers can jump to your brand list from any page without needing the theme block added everywhere.
Show a brand badge on product pages
Still in the theme editor, open a product page, go to Product information, and click Add block → Apps → Product Brand Badge. Drop it near the title or price to show the product's assigned brand (logo + name) right on the product detail page — it links back to that brand's page automatically.
Fine-tune the look with Custom CSS
On the Pro plan, open Custom CSS to write raw CSS against the brand list and detail pages — target classes like .bm-brand-card, .bm-brand-name, or .bm-product-card. This CSS loads last, so it overrides anything set in Settings.
Frequently asked questions
Products aren't showing up under a brand on the storefront.
Make sure the brand is Active, the brand list is enabled in Settings, and the product itself is published to the Online Store sales channel.
I changed a product's brand assignment but the storefront still shows the old badge.
Use the "Resync products" button on the brand page — it refreshes the storefront product-brand badge without re-assigning each product by hand.
Can I reorder brands on the list page?
Yes — set a "Sort Order" number on each brand (lower numbers show first). Brands without a sort order are shown after sorted ones.
Do I need a developer to add the brand list to my theme?
No — it's a native theme app block. Add it from the theme editor like any other section, no code required.