Skip to content

Webflow AI chatbot

An AI chatbot for your Webflow site

A Webflow AI chatbot answers visitors in a chat window on your published Webflow site. MagizAI reads the pages you have published and the files you add, takes bookings on its own forms and hands the chat to your team when a person is needed. It goes in as one line of footer code and is live once you publish.

Your chatbot is created in about 60 seconds. Not sure how to train it? Our team trains it and sets everything up for you, from integrations to training, at no cost. How free setup works

What it does on your Webflow site

  • Reads what you have published

    Enter your site address and it reads your published pages. For anything the site does not say, add PDFs, documents or written answers.

  • Answers from your content

    Replies come from your sources, with the source shown under the answer. If your content does not cover a question, it says so and does not guess.

  • Bookings on its own forms

    Link a MagizAI booking form and the chatbot offers free times as buttons, takes the visitor's details and confirms. The form can also sit inside one of your pages.

  • Your team takes over

    When a visitor asks for a person, or the AI cannot help, the chat moves to your team inbox with everything said so far, and your team is alerted.

  • Languages and WhatsApp

    Replies follow the visitor's language, even when your pages are in English, and the chat window comes in English, French and Arabic. The same chatbot can answer on WhatsApp.

  • What it does not read

    MagizAI is not connected to the Webflow CMS or Webflow Ecommerce, so it sees no draft items, stock or orders.

Add it to Webflow in four steps

  1. 01

    Create the chatbot

    Sign up, choose a plan and enter your site address. Then put your customers' questions to it on the Test page.

  2. 02

    Copy your line of code

    Open the Install page in your MagizAI dashboard and copy the snippet: one script tag with your chatbot's key.

  3. 03

    Paste it in footer code

    In Webflow open Site settings and the Custom code tab. Paste the line in the Footer code section and click Save changes.

  4. 04

    Publish your site

    Custom code shows in preview but goes live only when you publish. Publish, open the live site and look for the chat button.

Read the setup guide

Questions people ask

Is there a MagizAI app in the Webflow Apps marketplace?

Not yet. Today MagizAI goes on a Webflow site as one line of code in Site settings, Custom code. There is nothing to install from the marketplace.

Which Webflow plans let me add custom code?

Webflow allows site-wide custom code when your site has an active Site plan, or when your Workspace is on Core, Growth, Agency or Freelancer. Site managers and Designers can add it. Check which plan you have before you start.

Can I show the chat on one page only?

Yes. Open that page's Page settings and paste the line under Custom code, in the Before </body> tag section. Code placed there applies to that page only. Publish the site afterwards.

Can it read my Webflow CMS or Ecommerce products?

No. MagizAI does not connect to the Webflow CMS or Webflow Ecommerce. It learns from your published pages and from the files and text you add, so it cannot see draft items, check stock or look up an order.

How do bookings work on a Webflow site?

You build a booking form in MagizAI with your services, opening hours and team. The chatbot takes the booking in the chat, and the form has its own booking page. To show the form inside a page, paste its own line of code into a Code Embed element and publish. The form takes no payment.

How much does it cost?

Plans start at $10 a month on BYOK, where you use your own AI provider key, or $20 a month on Starter with AI messages included. There is no free plan. MagizAI is billed apart from your Webflow plan, and the pricing page lists what each plan includes.

Add an AI chatbot to your Webflow site

One line in footer code, then publish. It answers from your own pages, day and night.