logo

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

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

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

Prismic is a headless CMS, so the FastBots script must be added to your frontend application, not in the Prismic dashboard.

If your frontend uses Next.js:

  1. Open your app/layout.js or pages/_document.js file.
  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 site.

If your frontend uses React, Vue, Svelte, Gatsby, or another framework:

Open your main layout or global template file (e.g., Layout.jsx, default.vue, app.html, etc.).

Paste your FastBots script code just before the closing </head> tag.

Save and redeploy your project.

Step 2 — Confirm installation

Visit your live website and refresh the page — your FastBots chatbot should now appear across your entire site.