Created a website widget using cursor, which triggers a page to slide into the screen when clicked. The page asks for user information and hen submitted, sends that info into a n8n workflow via webhook. I want to embed with widget alongside it's functionalities into any website using a embedding code. So far tried to embed into my own company's framer website to test the embedding, but not able to successfully embed it. Tried asking GPT, cursor and other AI LLMs for help but no solution so far. I have no source of tech help, apologies if this is irrrelevant to Vapi directly. Any devs here that could share how I can successfully embed this widget into any website?

Yes sure let connect now so we can have a quick chat. Thanks

I can help you with any difficulty, let's have a chat now and proceed to your project

To embed your Cursor-built widget into any website: 1. Bundle your widget (HTML/CSS/JS) into a single

widget.js

file and host it (e.g. on Vercel, Netlify, or a CDN). 2. Create an embed snippet like this:

html
   <div id="my-widget-root"></div>
   <script>
     window.MyWidgetConfig = { webhookUrl: "https://your-n8n.com/webhook" };
     const s = document.createElement("script");
     s.src = "https://yourdomain.com/widget.js";
     s.async = true;
     document.head.appendChild(s);
   </script>

3. Paste this into any site (including Framer's custom code section). 4. In

widget.js

, read

MyWidgetConfig

, render your UI, and POST to n8n.

Thanks man, will try this out.

Checking if this is resolved/solved for you?

Still trying, will mark it as 'solved' if found a solution

Let us know if you get stuck and require additional support. We wont close the ticket yet but will leave it on standby for the time being

is your problem solved?

Yes, this issue is solved. Ive alredy amrked this case as solved.