Knowledge Base

Knowledge base

Explore How-To's and learn best practices from our knowledge base.

Checkout Comments - Installation

Modified on: Wed, 22 Jan, 2020 at 11:08 AM

Checkout Comments - Installation

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:

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

Did you find it helpful? Yes No Still have questions? Talk to us here

Can you please tell us how we can improve this article?

More articles in Check out Comments