How to Add Sparkforge Webchat to a Shopify Store

By Sparkforge Support Team ·Last reviewed May 3, 2026

Copy the embed code from Sites > Chat Widget > Get Code in Sparkforge, then paste it just above the closing </body> tag in your Shopify theme's theme.liquid file and save.

Shopify ships without a built-in CRM-connected chat. Sparkforge Webchat plugs the gap and routes every visitor message to your unified inbox.

Get the embed code

In Sparkforge, open Sites > Chat Widget > Get Code.
Copy the snippet.

Install via theme.liquid

Log in to Shopify and open the admin.
Go to Online Store > Themes.
On your active theme, click Actions > Edit code.
Under Layout, open theme.liquid.
Find the closing </body> tag and paste the Sparkforge embed code on the line directly above it.
Click Save.

Verify

Open your storefront in a new tab and refresh. The chat bubble should appear. Send a test message to confirm the conversation lands in Sparkforge.

Best practice

Duplicate your theme before editing theme.liquid. If anything goes sideways you can revert in one click.

Frequently Asked Questions

Why place the code above the closing body tag?

Loading the widget at the end of body lets the rest of the page render first, keeping product pages fast while the chat bubble loads in parallel.

Will the widget survive a Shopify theme update?

No. Theme updates overwrite theme.liquid. Re-add the snippet after any theme change, or use a Shopify app block if your theme supports it.

Can I show the widget on certain pages only?

Yes. Wrap the snippet in Liquid conditions, for example {% if template == 'product' %}...{% endif %} to limit it to product pages.

Where do incoming messages go?

Sparkforge routes all Webchat conversations into the unified inbox alongside SMS, email, and Nimbus AI handoffs.