Mono | How to add online scheduling to your website

Created by Julien Pauthier, Modified on Mon, 30 Oct 2023 at 09:58 PM by Julien Pauthier

Integrate your online scheduling button and widget to a Mono website

Add a HTML button (pop-in)

Step 1

Make sure you are in “Build” mode in Mono, select the HTML module from the header and drag/drop where you would like this Button to appear.  Once placed, hover over and Edit the HTML module:



Step 2

Navigate to Installation page for SMB you are creating website for and select “Installation”:



Step 3

After selecting Installation, you will receive all the code needed to implement. Copy HTML code and navigate back to Mono “build”:



Step 4

Paste the code copied from Installation page in the Content Section of the HTML module you are adding in Mono and select “Save”:



Customize the HTML button

Step 1

Upon logging into Agendize navigate to the Installation section and select the “edit” button next to the button you would like to change/configure.



Step 2

Select the personalization tab and here you are able to enter the image URL of the booking button you prefer. 



Add an iframe

Step 1

Make sure you are in “Build” mode in Mono, select the HTML module from the header and drag/drop where you would like this Button to appear.  Once placed, hover over and Edit the HTML module:



Step 2

Navigate to Installation page for SMB you are creating website for and select “Installation”:



Step 3

Copy iframe code from Agendize Installation page.



Step 4

Paste iframe code in the Content field of the HTML module and save:



Add a Direct URL

Step 1

Make sure you are in “Build” mode in Mono, select the Button module from the header and drag/drop where you would like this Button to appear.  Once placed, hover over and Edit the button module.



Step 2

Navigate to Installation page for SMB you are creating website for and select “Installation:



Step 3

Copy direct URL from Installation page in Agendize.



Step 4

Paste direct URL from installation page in “clickthrough url” section of Edit Button module.  


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article