Small Website integration issue with my Hostinger ...
# support
i
Hi guys, So here's the issue, after completion of AI agent, at least at the basic level .... the code to integrate was incorporated into the website... with the agent id and the Api however the icon was going in circles .... i.e. stats in loading cycle that's the issue , so it seems that there is trouble shooing required. Please share the corrective actions so that it starts working on the website ....
v
Hey there! 😊 It sounds like you're experiencing a loading issue with your AI agent integration. Here are some corrective actions you can take to troubleshoot and hopefully resolve the problem: 1. **Check Network and Internet Connectivity**: - Ensure your internet connection is stable. An unstable connection can cause loading issues. - Verify that your network settings allow WebSocket connections and that no firewalls are blocking them. 2. **Browser Configuration**: - Clear your browser’s cache and cookies. Sometimes, old data can cause issues. - Disable any browser extensions, especially ad blockers or script blockers, as they might interfere with the loading process. - Try accessing the site in an incognito/private window or a different browser to see if the issue persists. 3. **Verify API and Agent ID Implementation**: - Double-check that the API key and agent ID are correctly implemented in your website's code. Ensure there are no typos and that the API endpoint is correct. - Make sure the
Content-Type
header is set to
application/json
in your API requests. 4. **Check Webhook Configuration**: - Ensure that the webhook is accurately configured with the correct URL and settings. 5. **Review Error Logs**: - Inspect any error logs available to see if there are specific error messages that can help identify the issue. 6. **Testing**: - Test the integration on multiple devices and browsers to determine if the issue is specific to a certain environment. If you follow these steps and the issue persists, it might be helpful to consult the technical documentation or reach out for further assistance. Let me know if you need more help! 🚀 Sources: - [Detailed Report on Troubleshooting AI Agent Integration Loading Issues on Websites](https://discord.com/channels/1211482211119796234/1211483291191083018/1336277538267201547)
- [Detailed Report on Verifying API and Agent ID Implementation](https://discord.com/channels/1211482211119796234/1211483291191083018/1334024569861963788) - [Best Practices for Integrating Vapi's AI Agents into a Website](https://discord.com/channels/1211482211119796234/1211483291191083018/1329523231375495260)
s
Hey @Intellen, can you join office hours today to get your issue resolved live over vapi tech support?
l
I am having the same issue with a web in Hostinger. I insert the following code below (adding the right assitantID and API Key), it shows in the website with the expected text and Icon, but when clicking on it, stays loading in Loading state. Could you please help? Do I miss some setting in the agent or in Hostiger side? Thanks! const buttonConfig = { position: "bottom-right", offset: "40px", width: "50px", height: "50px", idle: { color: "rgb(93, 254, 202)", type: "pill", title: "Talk to our AI!", subtitle: "Try our AI Customer Service", icon: "https://unpkg.com/lucide-static@0.321.0/icons/phone.svg", }, loading: { color: "rgb(93, 124, 202)", type: "pill", title: "Connecting...", subtitle: "Please wait", icon: "https://unpkg.com/lucide-static@0.321.0/icons/loader-2.svg", }, active: { color: "rgb(255, 0, 0)", type: "pill", title: "Call in progress...", subtitle: "End the call.", icon: "https://unpkg.com/lucide-static@0.321.0/icons/phone-off.svg", }, }; (function (d, t) { var g = document.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = "https://cdn.jsdelivr.net/gh/VapiAI/html-script-tag@latest/dist/assets/index.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g, s); g.onload = function () { window.vapiSDK.run({ apiKey: "Test", // Replace with your Public API Key assistant: "Test", // Replace with your Assistant ID config: buttonConfig }); }; })(document, "script");
s
Hey, Could you please schedule a brief call at your convenience so we can discuss this matter in detail? Kindly use the following link to book a suitable time: .
l
Thanks so much but there is No free slots. Need to wait over 1 month to find a free one in your Calendly. Perhaps a colleague is more free? This is the message displayed a connection to the agent in the web never happens. Thanks https://cdn.discordapp.com/attachments/1345499203920723998/1373058508035068066/Screenshot_2025-05-17_at_00.03.39.png?ex=682907e2&is=6827b662&hm=2ae3bdd42cf1837997a9097323eee6251edaac1c720c6c95993f3aaf7e2e58f8&
s
Can you send your assistant id so we can investigate further?