Integrations
Add SpideyChat to any website
If it runs on the web, SpideyChat works on it. Whether you want an AI chatbot for WordPress websites, an AI chatbot for Shopify stores, or an AI chatbot for custom websites your own team built, the install is identical: a single script tag, the same kind you'd paste for an analytics tool, so there's no plugin, framework, or platform lock-in.
How do I add an AI chatbot to my website?
Add an AI chatbot to any website by pasting one script tag into the page HTML before the closing body tag. SpideyChat needs no plugin and no framework, so the same line works on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, React, Next.js and plain HTML. Swap in your bot ID from the dashboard and the widget is live immediately.
How to install SpideyChat: one line of code
This is the whole SpideyChat setup guide. Copy the SpideyChat script tag below, paste it before your closing </body> tag, and swap in your bot ID from the dashboard. That's how you embed the SpideyChat widget on any site.
<script src="https://spideychat.com/widget.js" data-bot-id="YOUR_BOT_ID"></script>Works on the platforms you already use
AI chatbot for WordPress
Install the free SpideyChat plugin (spideychat.com/downloads/spideychat-wordpress.zip), paste your license key in Settings → SpideyChat, and it loads on every page. Or paste the script into your theme's footer.
WordPress install guideAI chatbot for Elementor
Elementor sites are WordPress: install the SpideyChat plugin, or drop the snippet into an HTML widget in the editor.
AI chatbot for WooCommerce
Install the SpideyChat WordPress plugin, or drop the snippet into your footer, and it loads across your whole store.
WooCommerce install guideAI chatbot for Shopify
Add the script to theme.liquid before </body>, or via a custom-code section.
Shopify install guideAI chatbot for BigCommerce
Storefront → Script Manager → add the script to all pages, footer location.
AI chatbot for Magento
Content → Design → Configuration → edit your theme and paste it into Footer → Miscellaneous HTML.
AI chatbot for Wix
Use the Custom Code panel (Settings → Custom Code) and add it to the body, all pages.
Wix install guideAI chatbot for Squarespace
Settings → Advanced → Code Injection → paste into the Footer field.
Squarespace install guideAI chatbot for Webflow
Project Settings → Custom Code → paste into the Footer Code box and publish.
Webflow install guideAI chatbot for Framer
Project Settings → General → Custom Code → paste into the “End of <body> tag” box.
AI chatbot for Ghost
Settings → Code injection → paste the snippet into Site Footer.
AI chatbot for Bubble
Settings → SEO / metatags → paste the snippet into the page body script box.
AI chatbot for Carrd
On Carrd Pro, add an Embed element set to “Code (body)” and paste the snippet in.
AI chatbot for GoDaddy
Websites + Marketing: add an HTML section and paste the snippet. On cPanel hosting, use your template footer.
AI chatbot for Weebly
Add an Embed Code element, or use Settings → SEO → Footer code so it loads site-wide.
AI chatbot for Drupal
Add it to your theme's page template before </body>, or use a block set to full HTML.
AI chatbot for Joomla
Paste it into your template's index.php before </body>, or use a Custom HTML module.
AI chatbot for Notion
Notion pages can't run custom scripts, so publish through a site builder like Super or Potion and paste the snippet into its code settings.
AI chatbot for React
Inject the script tag on mount, or add it to your index.html before the closing body.
AI chatbot for Next.js
Use next/script with the strategy of your choice, or add it to your root layout.
AI chatbot for PHP
Include the snippet in your layout template before the closing </body> tag.
AI chatbot for Laravel
Add it to your Blade layout (resources/views/layouts/app.blade.php) before </body>.
AI chatbot for HTML websites
Paste the one line right before </body>. No build step, no dependencies.
Don't see your platform? If you can paste a script tag, or add an HTML block, SpideyChat works. And you can add a chatbot to WordPress free of charge, or to any other platform, on the $0 Free plan before you pay anything.
Messaging & CRM connectors on the way
Native connectors for the tools your team already lives in are on our roadmap.
- ZapierSoon
- SlackSoon
- WhatsAppSoon
- TelegramSoon
- DiscordSoon
- n8nSoon
- HubSpotSoon
- SalesforceSoon
Install questions
Do I need a plugin to add SpideyChat to WordPress?
No, but there is a free one if you want it. The SpideyChat WordPress plugin adds a Settings → SpideyChat page: paste your license key, save, and the chatbot loads on every page. Without the plugin, paste the single script tag into your theme's footer or any header-and-footer scripts plugin you already use.
Does it work on Shopify, Wix, Squarespace and Webflow?
Yes, and the install is the same one line on each. Shopify: theme.liquid before the closing body tag. Wix: Settings then Custom Code, added to the body on all pages. Squarespace: Settings, Advanced, Code Injection, Footer. Webflow: Project Settings, Custom Code, Footer Code, then publish.
Can I add it to a React or Next.js site?
Yes. In React, inject the script tag on mount or add it to index.html before the closing body tag. In Next.js, use next/script with the strategy you prefer, or place it in your root layout. Nothing else needs to change in your build.
Will the widget slow my website down?
The loader is a small script that runs after your page, and the chat itself renders in an iframe, so it does not block your page rendering and cannot conflict with your CSS or JavaScript. Your own styles and scripts are untouched.
What if my platform is not listed?
If you can paste a script tag, or add an HTML or embed block, SpideyChat works. Platforms that forbid custom code entirely, such as a stock Notion page, need to be published through a site builder that allows it, like Super or Potion.