# Embedding Calendly in List Details

First of all, you need to get your Calendly embed code, as described [here](https://docs.softr.io/building-blocks/custom-code#getting-the-embed-code). Further on, create a corresponding field in your Airtable table that you're using for the List Details block. In the example shown below, we've created a **Single line text** field named "Calendly" and added the embed code to one of the rows.

![Adding embed code to Airtable](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MX6KpFNGzRMdtaPr7pu%2F-MX6MVLfUM8w7xk_E8uF%2F1_b.png?alt=media\&token=ef0ad0ac-d1c4-49aa-87f3-6fa426082792)

Next, you'll need to add an **Embed** type field to your List Details block and link the "Calendly" field from Airtable.

![Adding the embed field](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FcdAO0cUuhJzzDfNf5Zkm%2Fembed-b.png?alt=media\&token=ef8730fe-60d5-433d-a32d-9e1639c876c3)

That's it. Now the Calendly embed will start appearing on the list item as shown below.

![Calendly widget added on List Details](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F5USLGuoG2QTBri27Ez5B%2Fwidget-b.png?alt=media\&token=8c19f921-5c86-47e7-acb1-8f7451a9df57)
