Browse all guides

Get started Getting started

Add it to your site Install on WordPress Install on Shopify Install on Wix Webflow, Squarespace, Framer and more

Knowledge Add your knowledge Fix unanswered questions

Channels Website chat widget Telegram bot Telegram moderation and group tools Discord bot Discord moderation and tools Proactive replies and welcomes Talking to a person Email (beta)

Web3 projects Web3 project setup Holder verification GitHub, OpenAPI, MCP and llms.txt

Account and usage Plans and billing Usage and analytics AI models and languages Team members Account and security Privacy and your data Emails we send you Partner program for agencies Not available yet

Developers Chat API

Webflow, Squarespace, Framer and more

Where to paste the code on Webflow, Squarespace, Framer, Carrd, HTML and React.

Every plan

Any site that lets you add code before the closing </body> tag can run the widget. You paste one line, once, and it shows on every page.

<script src="https://aidevelopia.com/developia.js" data-api-key="your-api-key"></script>

Copy yours from Websiteembed (click show code). It already has your key in it.

Steps for each builder

Builder	Where to paste	Plan needed
Webflow	Project Settings → Custom Code → Footer Code → Save Changes, then publish.	A paid Site plan, or a Core, Growth, Agency or Freelancer workspace
Squarespace	Settings → Advanced → Code Injection → Footer → Save.	Core, Plus or Advanced (or legacy Business)
Framer	Project Settings → Custom Code → End of <body> tag → Save, then publish.	A paid site plan
Carrd	Add an Embed element: Type Code, Style Hidden, placement Body (end). Then publish.	Pro Standard or higher
Plain HTML	Paste just before `</body>` on each page, or in your shared footer template.	None
Shopify theme	Easiest with the app (Shopify guide). Manually: Online Store → Themes → Edit code → `theme.liquid`, before `</body>`.	Any

Using WordPress or Wix? See WordPress and Wix.

React and Next.js

Add the script once, in your root layout, so it loads on every page:

import Script from 'next/script'

<Script src="https://aidevelopia.com/developia.js" data-api-key="your-api-key" />

Tag managers like Google Tag Manager also work: the widget starts even when the script is added after the page has loaded.

Send it to your developer

Not technical? On Websiteembed, click send to my developer, enter their email and send. They get the code and the steps to paste it before </body>.

If the bubble doesn't show

Most builders don't run custom code in their editor or preview. Check the published site.
Make sure the line is on the page only once.
Branding changes reach your site within about a minute. Hard-refresh if you don't see them.

Still stuck? Send us a message or email support@aidevelopia.com.