Junip offers additional widgets that can be added to your website. As long as you have the Junip script on the page along with your store key (steps 1 & 2 of this article) you can place these elements anywhere on your site.
Junip UGC Media Gallery
Note: This widget is only available on the Standard plan and above. To use it you must enable "Show media gallery" via your on-site display settings.
This widget can be added on your Shopify store via the Junip UGC Gallery App block in your theme customizer
HTML sample code:
<div
class="junip-ugc-gallery"
data-layout="scroll"
data-title=""
data-product-id=""
style="padding-top: 16px; padding-bottom: 16px;"
>
</div>
Options:
Setting name | Values |
data-layout | scroll or tile |
data-title | Optional; any text |
data-product-id | Optional product ID from your ecommerce provider (ex your Shopify product ID). Leaving this empty will show images from all your product reviews. |
Example:
This is an example of how SHEFIT uses Junip's UGC Media Gallery with a tile layout at the top of their dedicated reviews page.
Junip Review Carousel
This widget can be added on your Shopify store via the Homepage Reviews Carousel App block in your theme customizer
HTML sample code:
<div
class="junip-review-carousel"
data-reviews-type="product_reviews"
data-show-summary="true"
data-title="Reviews"
style="padding-top: 16px; padding-bottom: 16px;"
>
</div>
Options:
Setting name | Values |
data-reviews-type | product_reviews or store_reviews |
data-show-summary
| true or false |
data-title | Optional; any text. Note this will only show if show summary is true. |
Example:
This is an example of how Social Threads uses the Junip Review Carousel widget on their homepage to display their store reviews.