All Collections
Getting started
Checkout Comments
Installing the checkout comments widget
Installing the checkout comments widget
Updated over a week ago

Important note: We won’t continue to support more updates to the Checkout Comments app.

The 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 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.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:

Did this answer your question?