Installation

Once you have created a Price List and assigned it to a Customer Group, the final step to make the prices display on your store is to install our code snippet into your theme.

To make B2Bridge display correct prices on every page, you'll need to install it onto both the product pages and and the collection pages.

Install on product pages

There are a few ways to install it onto the product pages.

1. If you use Shopify's free theme, then B2Bridge will be automatically installed, and you won't have to do any further steps .

List of Shopify's free themes

• Dawn

• Trade

• Spotlight

• Craft

• Refresh

• Sense

• Origin

• Studio

• Ride

• Taste

• Publisher

• Crave

• Colorblock

• Vessel

• Fabric

• Dwell

• Horizon

• Atelier

• Ritual

• Savor

• Tinker

• Heritage

• Pitch

• Rise

B2Bridge might work with some paid themes due to the similarity in structure with free themes. You can check your store first before using other installation methods.

1. Install with app block

2. Install by inserting a code snippet into your theme

Here is the text extracted from the screenshot:

Install manually using code

1. Access Edit code mode on your Theme customization

2. Find the product page file , usually it's either sections/main-product.liquid, sections/product-information.liquid or sections/product-template.liquid

3. Add the following code snippet at anywhere you want to display table variants and save the file to run the app.

<b2bridge-product-table productId="{{ product.id }}"></b2bridge-product-table>

If you have any issues with the installation, feel free to contact us for support

Install on collection pages

To make B2Bridge display prices on the collection pages, you'll need to install the code snippet into your theme file.

Add B2BRIDGE pricing table to the Collection Page / Search Page or Feature Product

1. Access Edit code mode on your Theme customization

2. Find the product card file , usually it's snippets/card-product.liquid, snippets/card-product.liquid or snippets/product-grid-item.liquid.

3. Add the following code snippet at anywhere you want to display table variants and save the file to run the app.

<b2bridge-product-card-table productId="{{product.id}}"></b2bridge-product-card-table>

If you have any issues with the installation, feel free to contact us for support

---

Need Help?

If you have questions or run into issues while using any feature, we’re here to help.

• 💬 Start a Live Chat with our support team directly from your B2Bridge dashboard.

• 📧 Email us at [email protected] and we’ll get back to you as soon as possible.