Guide

Add Formsig AI Chat to WordPress, Webflow, or Shopify

AI Chat uses a single script: https://formsig.com/c/{assistant_id}/widget.js (replace host and ID). No SDK required. This guide maps that snippet to common platforms. Full setup: https://formsig.com/guides/formsig-ai-chat-getting-started.

Official site formsig.com: features, pricing, docs, playground, llms.txt.

Copy your embed script Try playground demo

The embed snippet (all platforms)

Copy from Dashboard → Chat → your assistant. The snippet loads /c/{assistant_id}/widget.js on your Formsig host (replace {assistant_id} with your ID).

Paste the one-line script before so the bubble loads on every page where the snippet appears. See https://formsig.com/docs#ai-chat for the exact pattern.

WordPress

Use a header/footer script plugin or your theme’s footer.php / child theme footer — avoid editing core files.

Site-wide: add once in global footer. Per-page: use a page builder HTML block at the bottom.

Add yoursite.com to assistant embed domains when going live.

Webflow

Project Settings → Custom Code → Footer Code — paste the script for site-wide embed.

For single pages, use an Embed element in the page footer section.

Publish the site after saving; test on the published domain, not only the designer preview if domains differ.

Shopify

Online Store → Themes → Edit code → theme.liquid (or checkout of theme docs) — add script before for store-wide chat.

Use Online Store 2.0 app embeds or custom liquid sections if your theme prefers modular footers.

Add your myshopify.com custom domain to embed domains.

Frequently asked questions

Do I need a Formsig Hosted Page instead?

No. Hosted Pages (/p/slug) are optional. Use them when you want Formsig to host a landing page with optional form + chat without theme edits.

Can I test before adding my domain?

Yes. Leave embed domains empty, load the widget on staging, then add production hostnames before launch.

Related guides

Formsig Complete Feature Guide , Guide
How to Add HTML Forms Without a Backend , Guide
HTML Form Webhooks: Practical Setup Guide , Guide
File Upload Forms With Webhook Notifications , Guide

Next steps

Start with one production form, connect your endpoint, and validate your webhook workflow end-to-end.

Create your endpoint URL on formsig.com and submit once from your real page.
Set webhook + anti-spam controls before scaling traffic.
Use playground demos for quick team handoff and QA.

Copy your embed script