Problem integrating VAPI into Framer. how to?
# support
e
Hey team Vapi, i hope you guys are taking care of yourself and are doing good. I have a querry. So i am working wtih a client who builds automations using Vapi for lawyers. He has a demo link on his website where peopl can go and talk to the assistant. Now i as a funnel specialist want to know how i can implement it on a new website. coz We know you guys give an embed code, and thats how you are supposed to add them into the websites. I dnt know about other platforms but framer its pretty simple using the embed code component. Cients previous website was built on wordpress, and he was kind enough to share the embed code with me so i can add it on his new LPage which is built on framer. As soon as i paste the code a small widget shows up as expected. But it seems like the assistant isnt working when its the same embed code. Its clickable, but the process never beginning. Still stuck at the loading stage. While the demo on his wordpress website works flawlessly and i am able to talk to the assistant. In short need your help in implementing it on a new website for the client. Thanks take care God bless
v
@Emir Ul Feline Hello there! It's great to hear that you're working on implementing VAPI for your client's new website. I'm here to help you get the assistant up and running on the Framer platform. Since you've already added the embed code to the new website and you're seeing the widget, that's a good start. However, if the assistant is stuck at the loading stage, there might be a few things we need to check: 1. **Assistant ID**: Ensure that the assistant ID within the embed code is correct and corresponds to the assistant created for the new website. If the ID is incorrect, the assistant won't load properly. 2. **Script Execution**: Verify that the Framer site allows for external scripts to run. Some platforms may have restrictions on scripts for security reasons. 3. **Browser Console**: Check the browser console for any errors that might indicate what's going wrong. This can provide clues as to whether there's a network issue, a script error, or a conflict with other scripts on the page. 4. **Compatibility**: Ensure that the Framer site is compatible with the VAPI widget. There might be differences in how WordPress and Framer handle external widgets. 5. **CORS Policy**: Cross-Origin Resource Sharing (CORS) policies might prevent the assistant from loading. Check if there are any CORS issues being reported in the browser console. 6. **Cache/Cookies**: Sometimes, browser cache or cookies can interfere with the loading of new scripts. Try clearing the cache and cookies to see if that resolves the issue. 7. **Network Issues**: There could be network-related issues that are preventing the assistant from loading. Check if there are any network requests that are failing or timing out. If you've gone through these checks and the issue persists, it might be best to reach out to the support team with specific details so they can assist you further. If you need any more help or have additional questions, feel free to ask. Take care and God bless you too!
You can continue this conversation by mentioning me in the message.
e
its the exact embed code. so they both have the same assistant ID. it should work
v
Got it. Tagging @User for additional help.
e
@User
s
@Emir Ul Feline can you check the browser console logs, the description will be having what to fix.
8 Views