You can find our demo store for Checkout Comments here:

Checkout page

Here you can find a How-to video on where the input field will show.

An input field is automatically added to your checkout page which shows after the purchase. Customers can enter their comments into these fields.

The input field is shown below each item purchased, including variants of products.

Product page

Here you can find a How-to video on where to put the code snippet.

This video shows how the Checkout Comment widget will look on your product page.

If you install the code snippets for the Checkout Comment Widget, it will show on your product page to all visitors.

We suggest placing the code snippet for the Checkout Comment Widget below your Add to cart button.

Place this code in the liquid file containing your product information. We recommend placing it below the Add to cart button.

<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>

Place this code right before the </head> tag in the theme.liquid file:

{{ shop.metafields.judgeme.settings }}

The latter code snippet is redundant if {% include 'judgeme_core' %} is already added from Product Reviews.

The latter code snippet has to be added to modify the default settings.

App home view

Simple app admin settings & recent checkout comments

App settings page

Customize and localize the Checkout Comments Widget