The two MassageBook codes that display in the Website Integration section of your Business Listing are presented in the most commonly accepted HTML formats across a number of websites: 1) an iframe option and 2) a clickable image that resembles a button. By default, your integrated website is fully responsive across all devices. However, if your website platform does not allow iframes to automatically readjust for mobile devices, we recommend adjusting the height and width numbers to a percentage that works within your specific website.
Depending on when you embedded the scheduler, your MassageBook code on your website will display height and width dimensions as a standalone number, or a percentage. If you have access to the backend of your site, you can check this by locating the code between the <body> and </body> tags.
If you only see a standalone number next to the height and width dimensions, adjust the dimensions to a percentage. If you see a percentage, reduce it until the display is to your liking.
If you don't have access to the backend or if you want to start over, you can reduce the percentage directly in the code that MassageBook provides to you. Then, recopy and paste the code onto your site.
- Navigate to your Business tab.
- Select Set Up.
- Select Website Integration.
- Under Booking Widgets, locate the code for the embedded scheduler. Change the percentage next to height and width.
- Select Copy and paste the code into your page between the
Note: If your embedded schedule is still not displaying in a format that you find pleasing, we highly suggest reaching out to your website developer or hosting platform for assistance or using the Book Now button instead of the embedded scheduler. If you choose to use the Book Now button, clients will be taken will be taken directly to your MassageBook Service Menu. If they are on a mobile device, this will display in a mobile friendly format.
For Wix users, toggle the mobile optimization settings in your Wix account until your page displays as desired.