Manually installing Junip's scripts

In this doc we will walk through manually installing Junip on your Shopify store. Normally Junip's automatic installation is sufficient but if you have a complicated theme or wish to do some further customization a manual installation is what you will be looking for.

If you are running a headless store or a site that doesn't use liquid check out this doc on how to install Junip via HTML.

1. Add the Junip Script

To start off we need to make sure the Junip javascript file is added to your site. This can be done one of two ways:

Option 1 - The traditional approach

Go to your Junip Admin > Settings > Store and click Install Junip.

This method will load the Junip javascript the traditional way, using Shopify's script injector. 

Option 2 - Advanced script injection

If you don't wish for Junip's javascript to load on every page you can click "I've manually installed Junip" to dismiss the banner in Junip Admin and add the following script tag wherever you want Junip to load:

<script type="text/javascript" async="true" src="https://scripts.juniphq.com/v1/junip_shopify.js"></script>

You will also need to add the Junip Store Key element. We recommend placing this in your main theme.liquid file:

{% render 'junip-store-key' %}

2. Add product summary stars

Summary stars on the shop/collection page

Summary stars on the product page

Product summary stars add a summary of the overall rating of a product. We recommend showing these stars under product titles on the collection/shop page and on the individual product pages.

{% render 'junip-product-summary', product: product %}

For our theme we added this snippet under the product title in product-template.liquid, product-card-grid.liquid, and product-card-list.liquid.

3. Add product reviews

Lastly add the product reviews to appear at the bottom of your product page. Our product page is called product.liquid and we added reviews just before the recommended other products.

{% render 'junip-product-review', product: product %}

That's it! You have now installed Junip 🎉

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.