๐Ÿ”—Integrations

๐Ÿค– How to use the integration feature?

Overview of all the ways to integrate Cowlendar booking widgets across your Shopify store.

2 min read
10 views
Updated May 10, 2026
โ„น๏ธInfo
This requires some technical knowledge. Please ask a developer to do it for you.

Cowlendar can work in 4 different ways on your website!

The 4 ways are Regular, Direct link, Inline widget and Element attribute

โ„น๏ธ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

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

โ†’ Create Your First Service On Cowlendar

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.

โ†’ How To Add A Bookable Service In Their Menu

Inline Widget feature : This piece of code have to be set in a Custom Liquid section within your theme editor.

โš ๏ธWarning
It only works with 1 variant so do not use it if your product has several.
โ†’ How To Use The Inline Widget Feature

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.

โ†’ How To Use The Element Attribute Feature
<div data-cowlendar-btn="643ab6bc1000de7373a6a16b-44883814416694">Custom element</div>

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

โ†’ How Do I List My Services On A Specific Page On My Website
โš ๏ธ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.
โ†’ How To Create A New Service List For Specific Services
Cowlendar
Ready to use Cowlendar?
Open the app directly in your Shopify store.