Install Shopify
Add ChatBouncer to Shopify
Turn on the ChatBouncer chat box in your theme. No code.
Coming soon ChatBouncer in the Shopify App Store. For now we send you a private install link.
1 Get your ChatBouncer code
- Create your ChatBouncer account (14-day free trial) or log in, and set up your assistant.
- In your dashboard, open your assistant and go to the Widget & embed tab.
- Click Copy code. It's one line that looks like this (yours has your own key):
<script src="…/w.js" data-key="pk_…" async></script> - On the same tab, under Your website domains, add every address your site uses (your own domain and your
yourstore.myshopify.comaddress) and save. The chat box only runs on the addresses you list.
2 Install the ChatBouncer app (private link)
- Email [email protected] with your store's
.myshopify.comaddress. We'll send your install link. - Open the link while logged in to your Shopify admin and click Install.
3 Switch on the chat box
- In your Shopify admin, go to Online Store.
- Find your theme and click Edit theme.
- In the sidebar, click the App embeds icon.
- Turn on Chat box (ChatBouncer), paste your code (or just the
pk_…key) into its box, and click Save.
Prefer not to install an app? You can paste the code into your theme instead: Online Store > … > Edit code, open layout/theme.liquid, paste the line just above </body>, and save. Only do this if you're comfortable editing theme code.
4 Check it and go live
- Open your store in a new tab. The chat button shows in the bottom corner.
- Back in your ChatBouncer dashboard, press Go live so your assistant starts answering visitors.
Don't see the button? Check the address bar matches one of the addresses under Your website domains. Still stuck? Email [email protected] and we'll help.