Add an AI chatbot to your Webflow site

Webflow has a Footer code box in Site settings that puts code before the closing body tag on every page. Paste the MAVRK snippet there once, publish, and the chat bubble is live across your site.

Install on Webflow in three steps

  1. 1
    Open Custom code

    In the Webflow dashboard open your site’s Site settings, then the Custom code tab.

  2. 2
    Paste into Footer code

    Paste the one-line snippet below into the Footer code box, not Head code. Webflow says footer code appears before the closing body tag and applies to the whole site. Replace app-XXXXXXXX with your App ID.

  3. 3
    Save and publish

    Click Save changes, then Publish the site. The bubble appears on the live site straight away.

Your App ID is on the Website widget card at mavrk.ai/receptionist after you sign up and paste your website address. It looks like app-1a2b3c4d.

The one line to paste

<script src="https://mavrk.ai/widget.js" data-mavrk-app="app-XXXXXXXX" async></script>

Optional: data-mavrk-color="#16a34a" sets the bubble colour and data-mavrk-theme="light" or "dark" pins the theme.

What Webflow requires. Webflow’s help centre says site-wide custom code needs an active Site plan (Basic or above). Free staging sites cannot run it.
Your site is never touched. MAVRK only reads pages that are already public. Remove the line and the chat is gone.

What the chatbot does once it is on your Webflow site

  • Answers what you offer, what it costs and when you are open, from the pages it read on your site.
  • Takes bookings and messages so a visitor at 9pm does not leave without leaving their details.
  • Says it does not know instead of guessing when something is not on your site, and takes the visitor's details.
  • Learns more when you upload a price list, FAQ or policy file in your dashboard.

Common questions

Do I need a paid Webflow plan?

Yes, per Webflow’s help centre: custom code in Site settings requires an active Site plan. On a free staging site the box is not available.

Can I put it on one page only?

Yes. Page settings have their own "Before </body> tag" box that takes the same line. Most owners use the site-wide Footer code so a visitor on any page can ask a question.

Will it clash with Webflow interactions or forms?

No. The bubble sits in the bottom-right corner in its own frame and does not change your pages, interactions or forms.

What does it cost?

The site chatbot is $29/month after a 7-day free trial with no card needed. There is nothing to pay Webflow for it.

Ready to put it on your Webflow site?

Sign up, paste your website address so MAVRK reads your pages, then follow the three steps above. Free 7-day trial, then $29/month for the site chatbot.

Install guides: WordPress · Wix · Squarespace · Shopify · GoDaddy · Webflow

The Webflow steps above were checked against Webflow's own help pages on 26 September 2026. Menus move; if a name has changed, the help page is the source of truth:

Webflow is a trademark of its owner; MAVRK is not affiliated with it.