How to Embed a Chatbot on Any Website (The Simplest Method in 2026)

Adding a chatbot to a website sounds technical. It's not — at least not anymore.

The modern method takes one line of code and works on literally any website. If your website can load JavaScript (all of them can), it can run a chatbot.

The one-script method

Every modern website chatbot deploys via a single <script> tag. Same mechanism as Google Analytics, Facebook Pixel, etc.

<script
  src="https://cdn.suuper.cc/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async>
</script>

This goes before the </body> tag on your website. That's the full technical requirement.

Platform-by-platform instructions

WordPress

Use a "Header and Footer" plugin and add the script in the Footer section. Or edit footer.php directly.

Shopify

Online Store → Themes → Edit Code → theme.liquid → paste before </body>.

Wix

Settings → Advanced → Custom Code → Add Code → Position: "Body — end".

Webflow

Project Settings → Custom Code → Footer Code.

Squarespace

Settings → Advanced → Code Injection → Footer.

Plain HTML

Open the file, find </body>, paste before it.

What happens after you embed it

The widget loads automatically for every visitor — usually a small button bottom-right that expands into a chat window. The AI inside answers questions based on your knowledgebase. Conversations log to your dashboard.

Getting your script tag

If you don't have a chatbot set up yet, Suuper is the simplest option. Sign up, build your knowledgebase, design your widget, copy your unique script tag, paste.

Total time: 20–40 minutes. PKR 500/month. → suuper.cc/pricing