How to embed Calendly in Enlitly

Enlitly has embed elements that you can use to embed code from Calendly.

Here are steps to follow in order to embed calendly.

Step 1: Login to your calendly account and find the event that you want to use. Click on share.

Step 2: A popup will show up. Select Add to Website option and then select Embed inline. This is the most popular option that creators use.

Step 3: We recommend that your change the width:30px to 100% and height:630Px to 950Px. The 100% width will ensure that your calendly widget is shown properly in mobile view. And the height 950px will ensure that there is no scrollbar shown with the calendly. After making these changes, copy the code.

Sep 4: Go to your enlitly block where you want to embed calendly. If you haven’t already added an embed element, now is the time. You can also use readily available block named “Full Width Embed”. This block already has Enlitly’s calendly code added. You just need to replace with yours.

Click on element settings. This will show Embed code. Replace this code with your calendar code and click outside the area. This will auto-save your calendly code and will refresh the block with your calendar.

Next publish your page and see the calendly in action.