> 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="https://3178254478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjESAmWxlqUBmvo5xvYcH%2Fuploads%2FLY3A3pNrIJctn2Zb5W3l%2Fimage.png?alt=media&amp;token=6c965cc0-ae28-43f7-be95-3b4e5cd15ca8" 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 %}