Using CalCom Embed

Integrating CalCom booking options into your form allows users to schedule appointments directly from the form, enhancing user experience and streamlining scheduling processes. Use this guide when you want to add CalCom functionality to your forms.

Before you start:

• Ensure you have an active CalCom account.
• Have your form created and ready in the application (see "Creating Your First Form").

1. Log in to the application.
2. Navigate to the form section using the sidebar menu.
3. Select the form you want to edit.
4. Click on 'Edit Form' to open the form editor.
5. Locate the section where you want to embed CalCom booking options.
6. Click on 'Add Block' and select 'Embed' from the options.
7. In the embed settings, paste your CalCom embed code.
8. Adjust the size and position of the embed block as needed.
9. Save the changes to your form.

Example embed code for CalCom:

<iframe src="https://cal.com/your-username" width="100%" height="600" frameborder="0"></iframe>

If something goes wrong:

• The embed code doesn't display correctly: Ensure the embed code is correctly copied from CalCom. Double-check for any missing or extra characters.
• The form doesn't save changes: Verify your internet connection and try saving again. If the issue persists, refresh the page and reattempt the process.
• The booking options don't appear in the form: Confirm that the CalCom account is active and the embed link is correct. Check for any restrictions or settings in CalCom that might affect embedding.