Checkout Comments - Installation | Judge.me

Checkout Comments - Installation

Checkout page

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

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.

App home view

Simple app admin settings & recent checkout comments

App settings page

Customize and localize the Checkout Comments Widget