Support Center

Troubleshooting 🛠️

Shopify Widget Issues 

A small percentage of Shopify themes (a common one is 'Dawn') don't play nicely by default with our bots - the styling of the theme conflicts with the widget, and screws it up (text aligned the wrong way, sometimes not able to type in the chat box, etc). The fix is simple and I'm posting it here for reference...

  1. In your Shopify admin, go to Online Store > Themes.
  2. Click Customize.
  3. Click Theme settings.
  4. Click Custom CSS.
  5. Add your code [the code is below]
  6. Click Save.

Code to add:

Copyable HTML Code 

<style>
.chat {

text-align: left !important;

}

.sc-user-input--text:focus-visible {

box-shadow: none !important;

}

.sc-user-input--text {

display: block !important;

}
</style>

💡 We've tested this with multiple problematic themes and it has worked in all cases 🙂