Skip to main content

How to install BK Reviews manually on Shopify

This article explains how to install the reviews app manually for cases where the standard installation didn't work.

Why install manually?

If no BK Reviews code appears on your page after installation, that's a sign that Shopify couldn't install it automatically.

On some stores Shopify has trouble installing app code, so BK Reviews ends up not being installed correctly and must be installed by the user.

How to install the app manually in my store.

For a successful installation, the BK Reviews source code must be inserted at the end of your page's code.

  1. On your Shopify store's admin page, click the Online Store (Online Store) button

  2. After that, go to your current theme, click the "three dots" (...) and click the Edit Code (Edit Code) button shown.

3. After that, look for the file named theme.liquid and click it.

4. Scroll to the end of the theme.liquid file and paste the following code before the </body>

<link rel="stylesheet" href="https://bk-reviews.b-cdn.net/install/bk-index.css">
<script type="module" src="https://bk-reviews.b-cdn.net/install/bk-main.js" defer></script>

<div
id="bk-reviews-root"
data-product-id="{{ product.id }}"
data-store-id="{{ shop.permanent_domain }}"
data-theme="default"
data-store-locale="{{ request.locale.iso_code }}" >
</div>

Demonstration:

Done!

Once the code is inserted at the end of your theme.liquid, the BK Reviews reviews should now be available on your page.

Bonus (Extra Code)

Product page star rating code

<link rel="stylesheet" href="https://bk-reviews.b-cdn.net/install/bk-index.css">
<script type="module" src="https://bk-reviews.b-cdn.net/install/bk-starSection.js" defer></script>

<div
id="bk-reviews-root"
data-product-id="{{ product.id }}"
data-store-id="{{ shop.permanent_domain }}"
data-theme="default"
data-store-locale="{{ request.locale.iso_code }}"
</div>

<div id="bk-star-section" class="bk-reviews"></div>

Product page reviews section code

<link rel="stylesheet" href="https://bk-reviews.b-cdn.net/install/bk-index.css">
<script type="module" src="https://bk-reviews.b-cdn.net/install/bk-reviewSection.js" defer></script>

<div
id="bk-reviews-root"
data-product-id="{{ product.id }}"
data-store-id="{{ shop.permanent_domain }}"
data-theme="default"
data-store-locale="{{ request.locale.iso_code }}"
</div>

<div id="bk-review-section" class="bk-reviews"></div>
Did this answer your question?