Cookie Banner (Privacy) Looks Ugly on Mobile

[jwlim94]

I embedded the Calendly to our web page. The cookie banner looks ugly in mobile view. Is there a way to make this better such as showing this cookie banner in a bottom drawer or something?

[tcampb]

Hey @jwlim94 -

I would recommend using the hideGdprBanner property to disable Calendly's default cookie banner. This would allow you to show your own cookie banner on the site.

import React from "react";
import { InlineWidget } from "react-calendly";

const App = () => {
  return (
    <div className="App">
      <InlineWidget url="https://calendly.com/your_scheduling_page" pageSettings={ { hideGdprBanner: true } } />
    </div>
  );
};

export default App;

[jwlim94]

@tcampb As we use hideGdprBanner, is it required to show our own cookie banner on the site?

[tcampb]

Not necessarily, it would depend on whether or not GDPR applies to your website.