Adding the AI Review Stories Widget via code

Grab your customers' attention right at the top of your product page with a showstopping, story-like experience that surfaces insights from your product reviews. This article explains how to add the AI Review Stories Widget to any location on your store where you're not able to add the Loox app block.  

When to add the AI Review Stories Widget via code vs. via app block

You might need to add the widget via code if:

1. you're on a vintage (1.0) Shopify theme.

2. you're on a 2.0 theme but want to add the widget in a location where you can't use the Loox app block. For example- if you want to add the widget to a custom snippet or using a page-building app like PageFly, GemPages, or Replo.

How to manually add the AI Review Stories Widget via code

• Inside the Shopify Themes menu, click the "... " button next to "Customize" and select "Edit code".
• Open the template or section where you'd like to add the widget (the product page is often called "main-product.liquid").
• Copy the line of code below and paste it where you would like the widget to appear:

<loox-reviews-stories-entry-widget
  class='loox-widget'
  {% if product %}
    product-id='{{ product.id }}'
    product-name='{{ product.title }}'
    product-image='{{ product.featured_image | image_url: width: 64 }}'
  {% endif %}
></loox-reviews-stories-entry-widget>