> For the complete documentation index, see [llms.txt](https://penida.gitbook.io/cowlendar-help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://penida.gitbook.io/cowlendar-help/how-to.../how-to-use-the-integration-feature.md).
# How to use the integration feature?
{% hint style="info" %}
This requires some technical knowledge. Please ask a developer to do it for you.
{% endhint %}
Cowlendar can work in 4 different ways on your website!
The 4 ways are Regular, Direct link, Inline widget and Element attribute
{% hint style="info" %}
Users have been known to mix and match these different ways on there website to build the ultimate booking experience! We HIGHLY recommend getting in touch with a Shopify expert to help you perfect this experience :wink:
{% endhint %}
**Regular way** : By default Cowlendar will transform your add to cart button of any product into a book now button. This means that when people click on **book now** it will trigger the Calendar to popup on the page
{% content-ref url="/pages/vRlUgceo2M1ZhIpdmvfC" %}
[Create your first service on Cowlendar](/cowlendar-help/beginners-guide/create-your-first-service-on-cowlendar.md)
{% endcontent-ref %}
**Direct link feature** : With this method you can apply the direct link into any button of your choice. Click this button will then trigger the Cowlendar calendar anywhere (in your header for instance or through an email) so when customers click on it, it automatically triggers the calendar.
{% content-ref url="/pages/OQr43SBD9DCk249gj4sw" %}
[How to add a bookable service in their menu?](/cowlendar-help/how-to.../how-to-use-the-integration-feature/how-to-add-a-bookable-service-in-their-menu.md)
{% endcontent-ref %}
**Inline Widget feature :** This piece of code have to be set in a **Custom Liquid** section within your theme editor.
{% hint style="warning" %}
It only works with 1 variant so do not use it if your product has several.
{% endhint %}
{% content-ref url="/pages/awpyjYDUYgT4GjEsg8wp" %}
[How to use the Inline Widget feature?](/cowlendar-help/how-to.../how-to-use-the-integration-feature/how-to-use-the-inline-widget-feature.md)
{% endcontent-ref %}
**Element attribute feature :** This piece of code will allow you to change the behavior of any HTML element. Please use it at your own risk and only if you're a dev. Put it in some div and it will work.
{% content-ref url="/pages/7PtdLfAJ1VQNR7aDTIb7" %}
[How to use the Element Attribute feature?](/cowlendar-help/how-to.../how-to-use-the-integration-feature/how-to-use-the-element-attribute-feature.md)
{% endcontent-ref %}
```
//
Custom element
```
**Service list (advanced and flexible):** This new and improved integration allows you to display a complete list of your services, or just specific ones, on any page. You can now also create multiple lists, giving you complete control and flexibility over how services appear in different parts of your website
{% content-ref url="/pages/KWoHnYBYun5nxVHiSgeq" %}
[How do i list my services on a specific page on my website](/cowlendar-help/how-to.../how-to-use-the-integration-feature/how-do-i-list-my-services-on-a-specific-page-on-my-website.md)
{% endcontent-ref %}
{% hint style="warning" %}
The **Service List feature requires a paid plan**: the **Pro plan** allows for one service list, while the **Elite plan** unlocks unlimited service lists.
{% endhint %}
{% content-ref url="/pages/177vkVZg439FDN2oWIhW" %}
[How to Create a New Service List for Specific Services](/cowlendar-help/how-to.../how-to-create-a-new-service-list-for-specific-services.md)
{% endcontent-ref %}
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://penida.gitbook.io/cowlendar-help/how-to.../how-to-use-the-integration-feature.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.