Integrating Calendly into website

Hi,

I’m new to this. But I basically finished building my website on Blocs, but the last thing that I need to do is to integrate Calendly booking event onto the website.

I have the code that I need to paste into my code editor. But everything is blank in the Code Editor and nothing shows up. By that I mean I don’t see any code from my website.

When I paste my code, the calendly thing either shows up above the website or at the very bottom.
I need it to show up in the middle of my website.
Here is the code that I have to add:

I have no idea how to add it.

<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget" data-url="https://calendly.com/username/discovery-call" style="min-width:320px;height:630px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly inline widget end -->

I saw someone say to use a Code Widget, but I spent so much time trying to find and I have no idea how to add it or use it.

If someone can help me, that would be greatly appreciated.

Hi.

Yes use the code widget. It’s a bric you add like any other bric to a bloc. Eg like when you add text or an image.

Calendly is great.

Pete

1 Like

Thank you for the speedy reply.

How easy was that! Thank you so much Pete!

1 Like

same here. thanks for sharing!