> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.picktime.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add a booking button to your HTML website?

To add a HTML booking button to your website, please follow the steps below:

* Go to Setup > Integrations.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/a/c/b/3acb5c6ec6643a00/setup-integrations_1tb3f4u.jpeg)


* Choose booking button.
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/ea5fe8b4-e570-41b0-ae7c-37acbf23e637.png)

* In step 1 choose whatever suits your requirement
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/35b4e220-620c-4275-8f27-dbe4bd19ac1f.png)

* In step 2 choose 'overlay a booking button on top of my website'
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/a82bf9ad-7f44-4fee-a56b-557f46814b2c.png)

* Copy the code you see in step 4.
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/2f60b798-180e-4650-ba1e-25533e4753af.png)

* Now go to your HTML website.
* Download the index.html from your hosting cpanel and open it with with notepad or other HTML editors.
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/2ff3351d-a731-439b-8788-1708a45849b8.jpg)

* Paste the code in the body of your code.
* Save the file and upload it to your hosting cpanel directory.
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/2eca9a2d-d378-45d0-8a05-7377024a13b4.jpg)

* This is how the embedded button will look like on your website.
![](https://d29l98y0pmei9d.cloudfront.net/article/2371/9185b3b3-8d69-49fe-a9c0-8678f1dbe790.jpg)