Home Chat widget How to add the chat widget to your Shopify store

How to add the chat widget to your Shopify store

Last updated on Mar 19, 2026

Follow these steps to install the Commslayer chat widget on your Shopify store.

1. Open Inboxes and click Add inbox

  1. Log into your Commslayer account.

  2. Click Settings in the left-hand menu.

  3. Navigate to Inboxes.

  4. Click the Add inbox button in the top-right corner.

2. Choose the Chat widget channel

  1. You'll see a list of available channels: Chat widget, Email, Meta comments & DMs, TikTok, WhatsApp, Judge.me, and Aircall.

  2. Select Chat widget.

3. Create your inbox

  1. Select the Store this inbox will be associated with.

  2. Fill in the Inbox name, Welcome heading, and Welcome tagline under Copywriting.

  3. Customize the widget under Branding. Upload a logo and choose a widget color.

  4. Optionally configure Quick help links, Pre-chat form, Business hours, and CSAT surveys.

  5. Click Create inbox at the bottom of the page.

4. Add agents

  1. You'll be prompted to add agents — the team members who will respond to incoming chats.

  2. Select agents from the dropdown and click Add agents to confirm.

Note: As an administrator, add yourself as an agent to each inbox you create if you need access to all messages.

5. Enable the chat widget on your store

  1. After adding agents, you'll see the Enable chat on your store screen.

  2. Your chat widget won't appear on your store until you enable it in Shopify.

  3. Click Enable in theme editor — this will open your Shopify theme editor directly.

  4. In the theme editor, go to the App embeds tab in the left sidebar.

  5. Find Commslayer chat widget and toggle it on.

  6. Click Save in the top-right corner of the theme editor.

6. Verify the chat widget

  1. Open your Shopify storefront (live or preview mode).

  2. Look for the Commslayer chat icon in the bottom corner of the page.

  3. Send a test message to confirm everything is working correctly.

You're all set!

Your chat widget is now live on your Shopify store. Any messages from customers will appear in your Commslayer inbox.

If you run into any issues:

  • Make sure the Commslayer chat widget is toggled on in the Shopify theme editor App embeds tab.

  • Double-check that at least one agent is added to the inbox.

  • Reach out to us at karri@commslayer.com if the widget still isn't showing.

Happy chatting!