> For the complete documentation index, see [llms.txt](https://docs.b2bridge.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.b2bridge.io/app-configuration/settings/installation.md).

# 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.

<figure><img src="/files/DyzQH56Ali5TF8ayVwTN" alt=""><figcaption></figcaption></figure>

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 .**

<details>

<summary>List of Shopify's free themes</summary>

* Dawn
* Trade
* Spotlight
* Craft
* Refresh
* Sense
* Origin
* Studio
* Ride
* Taste
* Publisher
* Crave
* Colorblock
* Vessel
* Fabric
* Dwell
* Horizon
* Atelier
* Ritual
* Savor
* Tinker
* Heritage
* Pitch
* Rise

</details>

{% hint style="info" %}
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.
{% endhint %}

2. **Install with app block**
3. **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

***

{% hint style="success" %}

### 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](https://go.crisp.chat/chat/embed/?website_id=a59f354c-f51f-4f84-ae9a-c0e8dd69d2e5) directly from your B2Bridge dashboard.
* 📧 **Email us at** [**support@b2bridge.io**](mailto:support@b2bridge.io) and we’ll get back to you as soon as possible.
  {% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.b2bridge.io/app-configuration/settings/installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.