dependent-tan•14mo ago
Issues Integrating Vapi Voice Chat Bot on Wix Website
Hi Vapi Support Team,
I am having trouble integrating the Vapi Voice Chat Bot on my Wix website. Here are the details:
Problem Description
I embedded the Vapi Voice Chat Bot using both the Voice Widget and the "Big Demo Link" in an iFrame. The bot interface is visible and responds to clicks but does not capture any voice input from the microphone.
Steps Taken
Voice Widget Integration:
Embedded the provided script in the body of the HTML.
Configured the assistant_id and apiKey.
Microphone access fails when embedded in an iFrame.
Big Demo Link in iFrame:
Embedded the demo link in an iFrame on my Wix site.
The bot is displayed and can be clicked, but it does not capture audio input.
Console Errors
The browser console logs errors related to feature policy checks and permissions:
[Error] Feature policy 'Microphone' check failed for element with origin 'https://vapi.ai' and allow attribute ''.
[Error] Not allowed to call enumerateDevices.
[Error] Not allowed to call getUserMedia.
[Warning] Devices Error (Permission Denied): NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
Additional Information
Browser microphone permissions are enabled.
The code works outside of Wix, indicating a specific issue with Wix.
Errors suggest the browser’s feature policy is blocking microphone access for the Vapi bot.
Request
Could you provide guidance on resolving these microphone access issues on a Wix website? Any specific configuration changes or alternative integration methods would be helpful.
Thank you for your assistance.
9 Replies
@nikita
Hello,
Thank you for reaching out with the details of the issue you're experiencing with integrating the Vapi Voice Chat Bot on your Wix website. It seems like the problem is related to the feature policy and permissions for accessing the microphone within an iFrame.
Here are a few steps you can take to resolve this issue:
1. Feature Policy: Ensure that the iFrame element has the
allow attribute set to enable microphone access. You can do this by adding allow="microphone" to your iFrame tag. For example:
2. Wix Specific Settings: Wix might have specific settings that restrict the use of certain features within iFrames. Check the Wix documentation or settings to see if there's an option to enable microphone access for embedded content.
3. HTTPS Protocol: Make sure that your Wix website is served over HTTPS, as modern browsers enforce strict permissions for features like microphone access, especially when content is embedded.
4. Browser Permissions: Although you mentioned that browser microphone permissions are enabled, it's worth double-checking that the site settings in the browser allow microphone access for your Wix domain.
5. Alternative Integration: If the iFrame method continues to be problematic, consider looking for alternative ways to integrate the Vapi Voice Chat Bot that are supported by Wix, such as using Wix-specific widgets or plugins if available.
6. Wix Support: If none of the above solutions work, reaching out to Wix support might provide you with platform-specific guidance that can help resolve the issue.
If you've tried these steps and are still facing issues, please provide any additional information or changes you've made, and we'll be happy to assist you further.
You can continue this conversation by mentioning me in the message.dependent-tanOP•14mo ago
still the issue
dependent-tanOP•14mo ago
@Vapi still the issue
@nikita
I understand that the issue persists even after trying the suggested steps. It seems like we might need to explore more specific solutions tailored to the Wix platform or consider alternative integration methods that comply with Wix's restrictions.
Here's what I recommend:
1. Contact Wix Support: Since the issue appears to be specific to the Wix environment, reaching out to Wix support could provide insights or solutions that are tailored to their platform.
2. Check Wix App Market: Look for any available apps in the Wix App Market that might facilitate the integration of third-party APIs like Vapi in a way that's compatible with Wix's constraints.
3. Custom Element: If Wix allows the use of custom elements, you might be able to create a custom element that handles the microphone permissions and integrates with Vapi.
4. External Link: As a workaround, consider providing a button or link on your Wix site that opens the Vapi Voice Chat Bot in a new tab or window, bypassing the iFrame restrictions.
5. Documentation Review: Review Vapi's integration documentation once more to ensure that all guidelines are followed correctly and check if there are any updates or notes regarding Wix integration.
6. Developer Forums: Search for or ask questions in developer forums where others might have encountered and solved similar issues with Wix and iFrames.
If you need further assistance or if there's anything else you'd like to explore, please let me know. I'm here to help!
dependent-tanOP•14mo ago
@Vapi
1. Contact Wix Support: done they say its a vapi problem
2. no app like this
3. Custom Element: If Wix allows the use of custom elements, you might be able to create a custom element that handles the microphone permissions and integrates with Vapi. ( no clue how to do so)
4. External Link: well even a blank page makes this problems as long its made by wix even to open a webpage in the iframe makes the same result
5. i didnt find smth what helps me
6. nothing working found
rival-black•14mo ago
@nikita add the script code as custom code or from developer tool simialr looks like javscript is blocked due to script injection by the browser.
@nikita also share a loom video with error and how your using the vapi widget html script tag.
adverse-sapphire•4mo ago
I am also facing the similar problem with Vapi telephone widget in my Wix website
When a website visitor clicks the widget , Vapi assistant is not able to process the voice input from user
Seems like problem is with Wix when user clicks the phone icon Wix is not asking user to enable microphone
Question
Wix
What has to be done in Vapi code inside Wix iframe
I am not able to add credits today was supposed to be call with Vapi support to my surprise I don’t see the calendar invite in my calendar
This ticket has been marked as solved, and as a result, you will no longer receive any further responses. Kindly create a new support ticket to escalate your inquiry.
adverse-sapphire•4mo ago
Thanks Shubham