# How to use the Inline Widget feature?

In this guide you will learn how to apply the Cowlendar Calendar direclty into any page. This means that the entire calendar widget will show up on your page like below

### **Steps to use inline widget integration**

1. In the Shopify admin dashboard on the left panel click on **Apps**
2. Click on **Cowlendar**&#x20;
3. Click on **My Services**
4. On the specific service you want to display click on **More**
5. Click on **Custom Integration**

<figure><img src="https://1413666222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB7xH6fep0zIUsqsS8lgV%2Fuploads%2FwTqoGSVJrJlArYEMcE4L%2FCow%20-%20Custom%20Integration%20(1).png?alt=media&#x26;token=c72d14fd-5463-4472-bf80-149e305c4200" alt=""><figcaption></figcaption></figure>

6. Inside of Custom Integrations **copy the inline widget code**&#x20;

<figure><img src="https://1413666222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB7xH6fep0zIUsqsS8lgV%2Fuploads%2FN8vrvyQoybqApfIEzG4L%2FUntitled%20design%20(41).png?alt=media&#x26;token=fd4570dc-9861-4a4b-b1fc-c57cda19585d" alt=""><figcaption></figcaption></figure>

7. In the Shopify admin dashboard on the left panel click on **Online Store**&#x20;
8. Click on **Themes**
9. In the main panel click on **Customize** to access your theme editor

<figure><img src="https://1413666222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB7xH6fep0zIUsqsS8lgV%2Fuploads%2F0j8nUx5SA5iCl4KCCekE%2FUntitled%20design%20(42).png?alt=media&#x26;token=5be85378-c104-4a86-9b5b-20ec000f5639" alt=""><figcaption></figcaption></figure>

10. Once in the theme editor go to the **page you want to place the calendar** in
11. On that page click on **Add Section** which is found in the left panel
12. Add the Custom Liquid section which can be found after clicking on **Add section**

<figure><img src="https://1413666222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB7xH6fep0zIUsqsS8lgV%2Fuploads%2FbvEsiqRm4Q83lqT5xxJS%2FUntitled%20design%20(43).png?alt=media&#x26;token=c53eb679-b747-456c-8385-b05a27c0907e" alt=""><figcaption><p> </p></figcaption></figure>

13. Inside of the Custom Liquid section **paste the inline widget code** you copied earlier
14. Click **Save**

<figure><img src="https://1413666222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB7xH6fep0zIUsqsS8lgV%2Fuploads%2FAuiNzF1CyddNv0WiPVv0%2FCopy%20of%20Untitled.png?alt=media&#x26;token=b47ec9cb-cb14-4ee9-9000-b481abae4c4b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1413666222-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB7xH6fep0zIUsqsS8lgV%2Fuploads%2F7n1tH7MnvaJI3DHcDWRa%2FScreenShot%20Tool%20-20250120181130.png?alt=media&#x26;token=e9c80234-be48-4cf9-91bf-f303ef01d5a2" alt=""><figcaption><p>This is what an inline integration looks like</p></figcaption></figure>
