Important note: We won’t continue to support more updates to the Checkout Comments app.
The Judge.me Checkout Comments widget enables you to collect valuable product feedback from customers during the checkout process. This guide will walk you through the installation process for the Checkout Comments widget on your product page.
Step 1: Adding the core code
Begin by inserting the following code snippet just before the closing </head> tag in your theme.liquid file:
{{ shop.metafields.judgeme.settings }}Please note that if you have already installed the Judge.me Product Reviews app, there's no need to add this code.
Step 2: Adding the widget code
Next, include the widget code in the liquid file that contains your product information. We recommend placing it beneath the "Add to cart" button. Use the following code:
<div id='judgeme_product_checkout_comments' class='jdgm-widget jdgm-comment-widget' data-product-title='{{ product.title }}' data-id='{{ product.id }}'> {{ product.metafields.judgeme.checkout_comments_widget }} </div>
Once the widget is installed, an input field will automatically appear on your checkout page. This input field allows customers to submit comments for each item they purchase, including variants of products.
To see a step-by-step demonstration of how to insert the code snippet, please refer to the tutorial video below:
If you need help installing the checkout comments widget, contact our team at [email protected]. We're available to help 24/7!