Hi there!
Thanks for reaching out! I understand how frustrating it can be when layout issues arise due to the cookie preferences section showing up even after hiding the cookie banner. Unfortunately, what you're encountering is a known limitation of Calendly's embed functionality.
Here’s a quick breakdown:
-
Hiding the Main Cookie Banner: You’re correct that you can hide the primary cookie/GDPR banner in the embed using the ?hide_gdpr_banner=1
parameter in your Calendly embed URL. This removes the main banner, but it does not remove the residual cookie-related elements like the "cookie preferences" link or minimal indicator that may still show up.
-
Why It Happens: The cookie preferences and other residual elements are part of the Calendly iframe, and due to browser security (the "same-origin policy"), you cannot modify or remove these elements with your own CSS or JavaScript. Unfortunately, there’s no supported method to completely remove these cookie-related UI elements from the Calendly embed.
-
Design Workaround: While you can’t remove the cookie preferences UI directly from inside the iframe, you can adjust the outer container of the Calendly embed on your page to improve the layout. Here’s an example of CSS you could use to reduce any margin issues:
.calendly-inline-widget { margin-bottom: 0 !important; }
This will help with controlling the outer layout, but it won’t impact the iframe content (like the cookie preferences section).
-
Legal Considerations: Keep in mind that these residual cookie elements are there to help ensure compliance with privacy laws like GDPR and CCPA. Removing these UI elements entirely would make you fully responsible for managing cookie consent yourself.
As of now, Calendly doesn’t provide an advanced or hidden parameter to completely remove all cookie-related UI elements from the embed. However, if you need more granular control over the design or layout, you can always share more details or screenshots, and I can provide additional container-level CSS suggestions.
Feel free to reach out if you have more questions, or if you’d like to discuss potential alternatives for handling cookie consent on your site! And if this issue is critical for your project, consider contacting support@calendly.com for feature feedback.
I hope this clears things up!