Checkout Comments - Installation | Judge.me

Checkout Comments - Installation

You can find our demo store for Checkout Comments here: https://checkoutcommentsapp.myshopify.com/products/free-product

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:

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

Place this code before in the theme.liquid file:

{{ shop.metafields.judgeme.settings }}

The latter code snippet is redundant if {% include 'judgeme_core' %} is already added from Judge.me 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