Skip to main content
SuperBot
Start free

no-code design platform

AI chatbot for Framer

Framer sites are usually built to sell a service or launch a product, and the questions that arrive are about scope, price, and timing. SuperBot answers those from the pages you point it at and turns a vague enquiry into a qualified lead, installed as one Custom Code entry that never touches the canvas.

Get started free
See pricing
  • Free forever plan
  • No credit card
  • Every feature on every plan

Install

How to add SuperBot to Framer

One Custom Code entry in Site Settings. No code component, and nothing on the canvas.

  1. 01

    Copy your embed

    Sign up free and copy the two-line embed from your SuperBot setup page.

  2. 02

    Add pricing and services

    Add the URLs of your pricing, services, and FAQ pages, and paste any answers that only live in your head.

  3. 03

    Add a Custom Code script

    In Framer, open Site Settings → Custom Code, click Add Script, and paste the snippet with End of <body> as the placement, set to run once.

  4. 04

    Match your Framer styles

    Tune the widget colors, radius, and avatar to match your Framer styles.

  5. 05

    Publish and test live

    Publish, then test on the published domain rather than the canvas.

Where it goes on Framer

  1. Site Settings
  2. Custom Code
  3. Add Script
  4. End of <body>

Site Settings → Custom Code → Add Script, placed at End of <body> on all pages and set to run once. Publish the site. Framer injects custom code into published pages, so check the live URL rather than the canvas.

Read the complete Framer install and launch guide
Paste before </body>Your account fills in the site ID
<script id="superbot-web-script"
  data-site-id="YOUR_SITE_ID"
  data-api-base="https://superbotapp.ai"></script>
<script src="https://superbotapp.ai/widget/web/superbot-web.js" async></script>

This is the whole install on a Framer site — your account gives you the exact snippet with your site ID.

Before you launch on Framer

What it answers, what it hands off, what to watch.

Answers on its own

  • Services, pricing tiers, and process questions from your published pages.
  • Availability questions, with a Calendly or Cal.com booking link when connected.
  • Portfolio and case-study questions, from the CMS item pages you add.

Goes to your team

  • Custom quotes and scoping that need someone's judgement.
  • Anything not on the pages you added; the agent says so and takes contact details.

Framer gotchas

  • Framer changes pages without a full reload. Running the script once is enough; if you pick run on every page visit instead, SuperBot's loader ignores the second copy.
  • Framer's own help docs call the same panel Project Settings; either way, look for the Custom Code tab and its Add Script button.
  • If a sticky CTA bar or cookie notice sits in the bottom-right corner, switch the bubble position in SuperBot's widget settings instead of moving Framer layers.
  • Framer CMS items are separate URLs. Add the case studies or pricing items that answer real questions as individual knowledge sources.

On Framer

What it does on a Framer site.

No store connection needed for any of this — it runs from the content you add, on every plan.

Every feature

Grounded answers

Answers from your own site content — with the source shown.

Trained answers first, then the Framer pages and CMS items you added. Ask about something that is not there and it offers to take the visitor's details.

35 languages

Speaks your visitor's language.

Detects the language and replies in it — from the same approved answers.

Bookings

Meetings, booked in chat.

Offer open times and confirm the booking without sending anyone to another page.

Leads & CRM

Every visitor can become a lead.

Capture contact details mid-conversation and send them to HubSpot, Salesforce, Pipedrive or Slack.

Shared inbox

Humans step in with full context.

Assign, prioritise and reply from one inbox — no customer repeats themselves.

Practical workflows

What the agent handles on a Framer site.

Studio and freelancer enquiries

Ask for project type, deadline, and budget range, then send the brief to your inbox or CRM so the first reply can be a proposal.

Launch-page questions

Answer pricing, waitlist, and availability questions on a product launch page while the traffic spike is happening.

Discovery-call booking

Offer a Calendly or Cal.com link once a visitor is qualified, instead of a generic book-a-call button for everyone.

Why it works on Framer

Why it suits a Framer site.

  • Nothing is added to the canvas: the widget lives in Custom Code, so designers can keep rearranging pages without breaking it.
  • Color, radius, font, and avatar controls let the launcher follow your Framer styles; removing the SuperBot badge is a Starter or Pro feature.
  • A qualifying conversation arrives as a brief with scope and timing, not a bare form submission.
  • Leads can go to Slack, HubSpot, Pipedrive, Salesforce, a Zapier Catch Hook, or any HTTPS webhook.
  • A sub-1 KB async loader on the page; the rest of the widget arrives after first paint.

FAQ

Questions Framer site owners ask.

Something else about your setup? Talk to a human — a real person reads every message.

Where do I paste the chatbot code in Framer?

Site Settings → Custom Code → Add Script. Paste the snippet, choose End of <body>, apply it to all pages, set it to run once, and publish.

Should the script run once or on every page visit?

Once. Framer swaps pages without a full reload, so the widget stays mounted. If you choose every page visit, the SuperBot loader detects that it already ran and does nothing.

Can it read my Framer CMS?

It reads pages, not the CMS itself. Add the CMS item URLs you want it to know, and refresh a source after you change that item. There is no Framer API connection.

Does it work with Framer Forms?

Qualified leads can be delivered to supported CRMs, Slack, Zapier Catch Hooks, or a custom HTTPS webhook. Direct Framer Forms submission is not currently built in.

Is there a free tier?

Yes. Free is free forever for 200 conversations/month with the complete product and a linked SuperBot badge. Starter raises the cap to 2,000 conversations/month and unlocks removable branding for $25/month.

Other platforms

Same agent, other platforms.

See every platform

Start answering Framer visitors today.

Free forever up to 200 conversations a month. Starter is $25/month for 2,000, Pro is $60/month for unlimited — every feature is on every plan.

Get started free See full pricing