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

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

You can adjust several aspects of the Checkout Comment Widget for your product page inside the Checkout Comments app admin:

  • Rename the Checkout Comment Widget Header

  • Disable the Checkout Comments Timestamp

  • Change the number of comments shown

You can also disable Comment Autopublish (automatically publishing Checkout Comments in your Checkout Comment Widget).

You can also change the Question and text input field on the checkout page by adjusting:

  • Button text (Send comment)

  • Sending button text: (Sending...)

  • Placeholder text: (Why did you buy this product?)

Advanced CSS customization

To apply custom CSS styles to the Checkout Comments, you'll need to insert the code into the "additional scripts" box in your Shopify Admin under Settings > Checkout.

  • Change the background color of the "submit" button:

<style> .jdgm-checkout-comment-button { background-color: #e1a511 !important; } </style>
  • Change the color of the "submit" button's text:

<style> .jdgm-checkout-comment-button { color: #e1a511 !important; } </style>
  • Change the boldness of the font:

<style> .jdgm-checkout-comment-button { font-weight: 500 !important; } </style>
  • Add the border and set border's color of the "submit" button:

<style> .jdgm-checkout-comment-button { border: solid 1px !important; border-color: #4bcdda !important; } </style>

If you have questions or need assistance with advanced CSS customizations beyond these options, please reach out to us at [email protected].

Troubleshooting the checkout page / order status page

If you encounter issues related to the Checkout page or Order Status Page, kindly provide us with a staff account that has Order permissions.

This will enable us to access and assess your Checkout page. You can locate the Checkout page here: Shopify Admin > Order > any order > More actions > View order status page.

If you need help customizing the checkout comments widget, contact our team at [email protected]. We're available to help 24/7!

Did this answer your question?