I am trying to add a web snippet onto my carrd.co website, but I'm unable to click it on the live website. I tried pasting the exact same code into a Django app and it worked perfectly. What's the problem here?

@Josh Fisher It sounds like you're experiencing an issue with integrating a web snippet into your Carrd.co website. There could be several reasons why the snippet is not clickable on the live site: 1. **JavaScript Restrictions**: Carrd.co has some limitations on custom JavaScript for security reasons. If your snippet relies on JavaScript, ensure it's within the guidelines provided by Carrd. 2. **CSS Issues**: There might be CSS styles that are overriding your snippet's styles, making it unclickable. Check for any

z-index

or

pointer-events

properties that could be affecting your snippet. 3. **HTML Structure**: Ensure that the HTML structure of your snippet is compatible with Carrd's layout. Sometimes, certain HTML tags or attributes may not behave as expected due to the surrounding HTML or platform restrictions. 4. **Platform Limitations**: Carrd.co is a website builder with its own set of limitations. Some functionalities that work in a custom environment like a Django app might not be supported on Carrd. 5. **Snippet Conflicts**: There might be conflicts with other scripts or styles on your Carrd website that are not present in your Django app. To troubleshoot this issue, you can: - Check Carrd's documentation or support for any restrictions on custom code. - Inspect the live website using browser developer tools to see if there are any errors or conflicts. - Try simplifying the snippet to the bare minimum to see if it becomes clickable. - Contact Carrd support for assistance with custom code integration. If you need further assistance or if there's anything specific you would like me to help you with, please let me know!

@Josh Fisher Most likely your website provider doesn't allows external javascript and because of this it's blocking the snippet. You have to check with them, if it's all good from their side.

Hot-Tip

You can check into browser console logs for self-explanatory errors, why call button is un-intractable.

I have two other external javascript elements on my website. It is only Vapi that's not working.

@Josh Fisher what's the error response your getting?

I fixed it. I needed to add .vapi-btn { z-index: 1000 !important; } and it worked just fine.

Marking this ticket as Solved ✅