To integrate booking buttons into your HTML website, start by logging into your Agenda dashboard and click on Get Code in the left hand navigation. 

Once there you will see 4 different options for plugins to add into your website: Book Now pop-up, Calendar, Activity page, and Marketplace. The last 3 options can either be embedded directly into the website or can stand alone as their own web page.

To access the code on any of these options, click the get code button, as seen below.

Book Now Pop-Up:
​First step is to select the activity you want to integrate. From there you need to select the website type, click on Classic HTML website. Once selected all you need to do it copy the code and paste into your website.

Note, this block comes with custom CSS to design your button. If you want to change the button design, feel free to play around with different button CSS, just make sure to update the button class in the code.

If you already have javascript in your website, you may not need to include the first section of the code highlighted here:

Booking Calendar:

First step is to select the website type, click on Classic HTML website. Once selected all you need to do it copy the code and paste into your website. You have the option to choose from embedding the calendar as an iframe or you can always link to the URL in the second option.

Activity List Page:
First step is to select the activity you want to integrate or you can choose all activities. From there you need to select the website type, click on Classic HTML website. Once selected all you need to do it copy the code and paste into your website. 

You will have 2 options, you can embed the list as an iframe or you can always link to the URL in the second option.

Marketplace Page:

First step is to select the activity you want to integrate or you can choose all activities. From there you need to select the website type, click on Classic HTML website. You will have 2 options, you can embed the list as an iframe or you can always link to the URL in the second option.

Additionally, you have the ability to choose what items get displayed with the view, you can activate or deactivate views like the search page, the filters and the map.
​
Once selected all you need to do it copy the code and paste into your website.