Customizing the Checkout Comments widget | Judge.me

Customizing the Checkout Comments widget

Checkout Comment settings

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

You can customize the CSS of the Checkout Comment but the code will need to be pasted into the Shopify Admin > Settings > Checkout > additional scripts box:

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

Please contact support@judge.me if you have questions about other advanced CSS customizations.

Troubleshooting the Checkout page / Order Status Page

Please send us a staff account with Order permissions so that we can see your Checkout page.

The checkout page can be found here: Shopify Admin > Order > any order > More actions > View order status page