Vapi widget not working in Framer(video inside)
# support
e
hey everyone, unfortunately my vapi code is not working on framer for some reason. the very same code is working on clients original website which is built on wordpress. - the widget shows up in wordpress and also works as it connects me to the assistant that i can talk to - the very same widget with the same code also shows up in framer using embed code component, but when i click it, it doesnt gives me any error nor connects me to the assistant. need help integrating the vapi chatbot onto my clients new website also contacted framer to see if the problem is on their end. https://cdn.discordapp.com/attachments/1298559816171782174/1298559816712851486/image.png?ex=671a0192&is=6718b012&hm=0bdd0a5001a7266386e4acc6cc16f5c13f079714ecfb0f2022fbd98c1f95da0b& https://cdn.discordapp.com/attachments/1298559816171782174/1298559817434140693/litig8.mp4?ex=671a0192&is=6718b012&hm=1415066aed8c0d64d5fe0c0be63ccbae3cd66dc03712a231cad82806574b55ac&
v
message has been deleted
@Emir Ul Feline Hello! I'm sorry to hear that you're experiencing issues with integrating the VAPI chatbot on your client's new website using Framer. Let's try to troubleshoot the problem together. Firstly, it's good that you've reached out to Framer to check if there might be an issue on their end. Meanwhile, we can go through a few checks: 1. **Embed Code Component**: Ensure that the embed code component in Framer is configured correctly to allow external scripts. Some platforms may have restrictions on executing scripts for security reasons. 2. **Console Errors**: Open the browser's developer tools (usually F12 or right-click and select "Inspect") and check the console for any errors when you try to interact with the widget. This can give us clues about what might be going wrong. 3. **CORS Policy**: Cross-Origin Resource Sharing (CORS) issues can sometimes prevent scripts from running properly. Check if there are any CORS errors in the console. 4. **Widget Initialization**: Verify that the widget snippet is placed correctly in the HTML and that it's being executed. It should be before the closing
</body>
tag as per the installation steps. 5. **Assistant ID**: Double-check that the assistant ID is correct and that the assistant configuration is properly set up in the Framer project. 6. **Compatibility**: Ensure that the version of Framer you are using is compatible with external widgets like VAPI. Sometimes, updates or specific versions can affect how third-party code operates. 7. **Network Requests**: Look at the network tab in the developer tools to see if the widget is making any network requests and if they are succeeding or failing. If you've gone through these steps and the issue persists, please provide any error messages or console outputs you've encountered, and I'll do my best to assist you further. If there's any specific information or assistance you need regarding the VAPI integration, feel free to ask!
You can continue this conversation by mentioning me in the message.
e
@Vapi
v
@Emir Ul Feline Please ask support for more info on this.
e
@User hey, is anyone their?
i
@Emir Ul Feline did you get it work ?
2 Views