logo

How to Install FastBots on a Website Built With Contentful (Headless CMS)

Follow these simple steps to install your chatbot on a site built with Contentful.

Sep 25, 2026●
1

How to Get Your FastBots Chatbot Code

Before installing your chatbot on any platform, you’ll need your widget code.

Log in to FastBots.

Select the chatbot you want to install.

Click Deploy in the left-hand menu.

Scroll to Add to a Website.

Copy the script code using the copy icon.

You’ll paste this code into your website builder so the chatbot appears across all pages.

**How to Get Your FastBots Chatbot Code** Before installing your chatbot on any platform, you’ll need your widget code. Log in to FastBots. Select the chatbot you want to install. Click Deploy in the left-hand menu. Scroll to Add to a Website. Copy the script code using the copy icon. You’ll paste this code into your website builder so the chatbot appears across all pages.
2

Step 1 — Add the script to your frontend project

Contentful is a headless CMS, so the chatbot code must be added to your frontend website, not inside the Contentful dashboard.

If you're using Next.js:

  1. Open app/layout.js or pages/_document.js (depending on your project).
  2. Paste your FastBots script code inside the <head> section:

    <script defer src="https://app.fastbots.ai/embed.js" data-bot-id="YOUR-BOT-ID"></script>

Save the file. Deploy your updated site. If you're using React, Vue, Nuxt, Gatsby, or another framework: Locate your global layout or main template file (for example, Layout.jsx, default.vue, index.html, etc.). Paste your FastBots script code just before the closing </head> tag. Save and redeploy. Step 2 — Confirm installation Visit your live site and refresh — your FastBots chatbot should now appear across all pages.   Enable and test voice After installing or sharing your bot, open Deployment → Chat Widget → Conversation Options. Choose Text and Voice or Voice Only, configure the voice settings, then click Save Changes.   Test the published website widget or shared link. Allow microphone access when your browser asks, speak a question and check that you can hear the reply. Check the text fallback too. Voice previews and test calls use message credits.   The setup wizard currently creates a text bot; enable voice afterwards in Chat Widget. Follow the Chat Widget and voice guide for the complete settings.