How to embed Calendly link with your websites using iFrame?

Modified on Wed, 2 Oct at 12:43 AM

Open you project

Please, navigate to the ‘Sites’ on the left menu bar and open your project


Add the ‘Custom Code’ element

Please, choose the location where you want to place the calendar and drag the ‘Custom Code’ element there.


Add the embedding code

<iframe src="Your calendar link" style="width:320px;height:630px;"></iframe>

This is the format of the embedded code. Your calendar link will be like

https://calendly.com/abc/zyz"


When you need specific width and height of the calendar, then use

style="width:320px;height:630px;


You can modify the values as per your requirements

Finally, save and publish the website.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article