How to Embed a Third Party Schedule or Booking Platform onto Your Site
Add your Calendly, Acuity, MassageBook or other schedule platform onto your site and link to it!
If you are not using the ShinePages Appointments/Booking platform, but instead using a third party booking software (such as Calendly, Acuity, MassageBook, etc). you can EMBED your schedule right onto your website page, as long as that platform offers an "embeddable widget" or an "embed code".
Steps:
1) Copy the embeddable code snippet from your 3rd party platform
2) Add a CODE widget to your page by going to your Widgets menu (the "+" icon in the left hand menu in your builder) and dragging it onto the page where you would like it.
3) Paste your copied code snippet into the black box area of your CODE widget and hit Save!
To LINK to your page that now has your embedded schedule - simply edit the button (or menu item, or hyperlinked text, etc.) by selecting the "link" icon - and from the "Select a Link" window - choose the correct Page (to which you added the code widget) and hit Select.
Note that in most cases you will NOT see the actual schedule show up within the "editor" mode of your builder. To see the schedule appear, visit the "Preview mode" (eyeball icon in the left hand menu in your builder) or go to your live website.
Watch the video below to see this in action:
Instruction:
The Code widget is available from the Widgets Menu.
The Widgets menu is accessible from the "+" (Plus sign) icon on the left hand side of your builder. See image below:
Drag the Code Widget to the page. Into the black box that appears, paste in the code snippet you copied from your third party booking platform.
On a Mac computer - to paste is COMMAND V. (CMD-V)
On a PC - to paste is CONTROL V (CTRL-V)
To LINK to your your new schedule (which has been embedded on a PAGE) - click on the button, (or Menu item, or hyperlinked text or image, etc.) and from the settings area click the LINK icon. 🔗
And from the "Select a Link" window - choose "Page" from the left hand menu, then choose which page from your list of Page Groups and Pages on your site.
When you have chosen the correct page (the page you just embedded the CODE widget onto), hit "Select".
Linking to External Booking Page vs. Embedding
NOTE: If you would INSTEAD like to link your "Book Now" buttons EXTERNALLY to a third party website (ie: www.acuity.com/youruniquelinkhere or www.massagebook.com/yournamehere etc.) and you do NOT want to embed their schedule onto a page of your website - you will change your "Book Now" buttons to link Externally to that website address.
From the left side click "External Link" - then paste in the website address**.
Choose to "Open In 'New Tab' to keep your website open while the new page is opened.
**You will be pasting in a website address - not the snippet of embeddable code.
See below:
