🏠How to add Cowlendar on my homepage?

Prerequisite to be able to add Cowlendar to homepage : You need to have created at least one service on Cowlendar and the app needs to be enabled on your theme.

A product is required to create a service on Cowlendar meaning you cannot simply just add a calendar to your page without first creating a product which you link to a Cowlendar service

There are 3 ways to add Cowlendar on your homepage.

Once you have one service and Cowlendar is enabled on your theme, you can use one of the 3 solutions.

1️⃣Create your first service on Cowlendar2️⃣Enable Cowlendar on your theme [MANDATORY]

Here are the 3 ways you can add Cowlendar to your home page

Solution 1 : Featured Product

Steps to use solution 1

1. In your Shopify admin dashboard look at the left panel.

2. Click on Online store.

3. Click on Themes.

4. In the center panel click on Customize.

1. Make sure you are in your Home Page.

2. Click on Add Section.

3. Add a Featured Product section.

If you don't see the Book Now button in the theme editor please check your live website instead

Solution 2 : Custom HTML

Steps to integrate Inline widget code inside of Custom HTML (or Custom liquid, Custom content)

1. In the Shopify admin dashboard on the left panel click on Apps.

2. Click on Cowlendar.

3. Click on My Services.

4. On the specific service you want to display click on More.

5. After clicking on more you will click on Custom integration.

1. Inside of Custom Integration copy the Inline Widget code.

1. In your Shopify admin dashboard look at the left panel and click on Online store.

2. Click on Themes.

3. In the center panel click on Customize.

4. Make sure you are in your Home Page.

5. Click on Add Section.

6. Add a Custom Liquid section (also known as Custom HTML or Custom Content).

7. Paste the Inline Widget code you copied earlier.

8. Save before leaving.

Inline widgets can only show 1 specific service at a time and if it has multiple variants it will only be 1 specific variant

🖥️How to use the Inline Widget feature?

Solution 3 : Direct Link

What is a Direct Link?

• A direct link allows you to link any text/button to your calendar. When someone clicks this button the calendar will show up as a popup widget on the screen. You can learn more about how to integrate a direct link link here.

Steps to integrate a Direct link

1. In the Shopify admin dashboard on the left panel click on Apps.

2. Click on Cowlendar.

3. Click on My Services.

4. On the specific service you want to display click on More.

5. After clicking on more you will click on Custom integration.

1. Inside of Custom Integration copy the Direct Link.

1. In the Shopify admin dashboard on the left panel click on Online Store.

2. Click on Navigation.

3. In there you will select the Menu you want to update.

4. Edit the Menu items (this would be each of the tabs in the Menu itself).

5. Apply the link to the link section of the Menu item.

1. Save before leaving.

you can add a direct link to your calendar in any text/button you have setup on your homepage. For this, you simply need to use the direct link of your service in any button.

🧙How to add a bookable service in their menu?

This only works if you have one variant.