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 JavaScript

To start off we need to make sure the Junip JavaScript file is added to your site.

Go to your Junip Admin > Settings > Store and click Add snippets.

This method will load the Junip javascript the traditional way, using Shopify's script injector. Double check if the Junip store key snippet has been added to your main theme.liquid, if it's not there add it.

{% 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?