Embed AI chat & smart forms on any custom website or web app
Built with React, Next.js, Vue, Laravel, or plain HTML? GPTForm is framework-agnostic. Drop a single asynchronous script tag into your template to equip your site with an autonomous AI agent, interactive quote calculators, and real-time appointment booking.
Single universal script embed
Framework, CMS, or static generator
Async, non-blocking bundle
What you get with this platform
Built to work with your existing stack — no rip-and-replace, no per-seat fees.
Single Universal Script Tag
Add one <script> tag before </head> in your HTML. Works flawlessly with plain HTML, PHP, Laravel, Ruby on Rails, Django, ASP.NET, and modern JS frameworks.
SPA & Hydration Resilient
Engineered for client-side routing. The widget persists smoothly across route transitions in Next.js, Nuxt, SvelteKit, React Router, and Vue Router without reloading.
Isolated Shadow DOM Styling
Rendered in an isolated Shadow DOM boundary, preventing your site's Tailwind, Bootstrap, or custom CSS rules from distorting the widget UI.
Hosted Standalone Booking Pages
Prefer not to embed? Direct visitors to your branded, hosted booking link at gptform.ai/book/[your-slug] — complete with live Google Calendar sync.
Secure Tokenized Checkout (0% Fee)
In-chat payments utilize tokenized iframes through Stripe, Apple Pay, and Google Pay, ensuring strict PCI-DSS compliance and 0% platform fees.
JavaScript SDK & Event Hooks
Trigger the chat widget programmatically with window.GPTForm.open(), listen for booking completion events, or pre-populate user context via JavaScript.
Live in under 5 minutes
No developer required. Follow these steps and the AI chat agent + smart forms are live on your site.
Copy your universal snippet
In your GPTForm dashboard, copy your one-line universal <script> tag containing your unique workspace identifier.
Add to your HTML <head>
Paste the snippet into your root HTML template (e.g. index.html, layout.tsx, or base.html) before the closing </head> tag.
Deploy your site
Deploy your site to Vercel, Netlify, AWS, or any web host. The AI chat widget appears automatically.
Embed inline iframes (optional)
To embed forms or calculators inline, paste the responsive iframe snippet anywhere within your markup.
Why teams choose Fieseros
The hard way
- ✕Heavy plugins that conflict with your theme and slow PageSpeed
- ✕Static contact forms that capture leads but never qualify or route them
- ✕Separate tools for chat, forms, booking, and payments — stitched together with Zapier
The Fieseros way
- One lightweight embed — zero plugins, zero bloat, zero PageSpeed impact
- AI agent captures, qualifies, and routes every lead automatically — 24/7
- Chat, forms, booking, payments, and CRM unified in one connected platform
Embed AI chat & smart forms on any custom website or web app — frequently asked
Everything you need to know. Still have questions? Talk to our team.
Does the embed work with Single Page Apps (React, Next.js, Vue, Angular)?
Yes. GPTForm is specifically engineered for single-page applications. It attaches cleanly to the DOM and persists across client-side route transitions without flickering or re-initializing.
Will the script hurt my site's Core Web Vitals or PageSpeed scores?
No. The script is under 15KB and loads asynchronously after main-thread tasks are complete. It causes zero layout shifts (CLS) and will not degrade your Lighthouse performance rating.
Can I open the chat programmatically with my own button?
Yes. GPTForm exposes a global JavaScript API. You can wire custom buttons, navbar links, or CTAs to execute window.GPTForm.open() or trigger specific conversation intents.
Can I customize the widget colors and avatar?
Yes. You can customize the widget color palette, dark/light theme, launcher icon, agent avatar, greeting messages, and brand logo directly from your GPTForm dashboard without changing any code.
Ready to connect your site?
Start free today. No credit card required. Set up in under 5 minutes.
- 14-day free trial
- No credit card required
- Cancel anytime