Step 1: Add CozyCal's code to your website

  1. Once you have created your CozyCal account, log in and go to Settings > Website setup > Install CozyCal

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7ab4829e-26fb-446d-9666-513761b107ac/Screen_Shot_2020-04-07_at_12.01.24_PM.png

  1. Then you can either select I'll install it myself or **Send instructions to my teammates**depending on your preference.

Install it yourself

  1. If you want to install the button yourself, simply click on I'll install it myself> Javascript > Copy code

  2. Paste the code to your website's custom code. The code can be either added to your header or footer code.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e4696a4f-05b9-4d2b-9350-a1d3e48fe47f/Install_code_by_myself.gif

Install it with help

  1. If you need help with installing the code on your website, you can click on **Send instructions to my teammate>** enter your teammate's email >click on Send Email.
  2. Your teammate will receive an email with the code that can be installed on your website.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/95bcd1f5-1688-4fb6-9a71-4e96350dc30f/Install_CozyCal_with_help.gif

Step 2: Customize your CozyCal button

Once you have added the code on your website, you can easily add buttons that integrate with your website.

These buttons will open your CozyCal booking page in a modal. This means that your guests won't need to leave your site when they schedule an appointment.

There are two types of buttons you can add:

1. The Floating Button