> 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-do-i-show-the-add-to-cart-button-and-book-now-button.md).

# How do I show the add to cart button and book now button?

Well being honest you cannot display both at the same time because the way Cowlendar works is that it converts the Add to cart button into a Book now button...

**Buttt that being said!** You can make it so that the customer has the option to either add to cart or book now

How would you do this?

All you would need to do is create two variants for the product you linked to your service

So you would go into your Shopify admin and into **Products > Click on the product**

You will add a variant with two options and name them something like "Bookable" and "Non Bookable"

<figure><img src="/files/36Hbk457Ept40en21bum" alt=""><figcaption></figcaption></figure>

From here you will go and create your service in **Apps > Cowlendar > My Services > New service**

**MAKE SURE** to only select the "Bookable" variant when creating this service

<figure><img src="/files/br0jcN6LlOweptkB1yyW" alt=""><figcaption></figcaption></figure>

This way the "Book Now" button will only show up when the "Bookable" variant is selected

<figure><img src="/files/Dd0ZB7pUnj9p1V0hLm9h" alt=""><figcaption><p>Notice how Non Bookable option is selected and the Add to cart button shows</p></figcaption></figure>
