← All resources
How-to

Embed a Chatbot in Shopify, WordPress, Webflow, and Framer

AR
Alex Reyes · Mar 24, 2026 · 6 min read

Step-by-step instructions for embedding the PageBot widget in the four most common no-code platforms — including the gotchas.

Every chatbot vendor's docs say "just paste this script tag." That's true — but the where varies by platform. Here's the exact path on each of the four platforms we get the most questions about.

Shopify

  1. Online Store → Themes → Edit code.
  2. Open theme.liquid.
  3. Paste the PageBot script just before the closing </body> tag.
  4. Save. The widget appears on every public page.

WordPress

  1. Install a footer-script plugin (Insert Headers and Footers, WPCode).
  2. Paste the script in the Footer slot.
  3. Save. Refresh your home page to confirm.

Webflow

  1. Project settings → Custom code.
  2. Paste the script in Footer Code.
  3. Publish. The widget will only appear on the published domain, not the staging .webflow.io URL by default.

Framer

  1. Site settings → General → Custom Code.
  2. Paste the script in End of <body> tag.
  3. Publish.

Common gotchas

  • If the widget doesn't appear, check that the bot ID in the script tag matches your live bot.
  • If you have a strict Content Security Policy, add the PageBot domain to your script-src.
  • On Shopify with a checkout extension, the widget intentionally doesn't render on /checkout pages — that's by design to protect conversion.