Embed the Skedda scheduler on your own website. Users will be able to see the schedule and make bookings without leaving your website! Popular website providers like WordPress, Wix, and Squarespace are supported.
Learn more about security, the mobile interface, and error messages in the FAQs section.
Embedding options
Find the embedding options in the 'Integrations' setting page.
Simple link
The first option is the code for a simple 'Book now' button on your website. This link opens Skedda in an isolated/full/new browser tab.
This is the best and easiest option because it takes up very little space on your website, forces HTTPS communication for optimal security, and works well on mobile devices. Read more about this down in the FAQs.
Embedded scheduler
The second option is the 'Embedded Scheduler'. This displays the full scheduler within your own website. The only requirement here is that you have the ability to insert HTML iframe markup into your page source.
Adjust the width and height numbers to fit your website.
Note that the link includes an 'embedded' query parameter which additionally hides the normal navigation bar from the embedded view. You're free to remove the 'embedded' parameter if you do wish to have the navigation bar also show up.
Customizing the embed links
Show your users or bring them to a specific Skedda page by customizing the link in your embed code.
Map links
To display a specific map/floorplan, include its map ID. For example, to show the Level 3 map in our Skedda Office demo with option 2 (embedded scheduler), the URL in the iframe code would be:
https://skeddaoffice.skedda.com/booking?embedded=true&viewmapid=79c29fa6d26a4dc0b6f57b6a37447240
Navigate to a specific map in the scheduler to find the map ID in the URL bar:
Space tag links
You also have the ability to tune your website-embedding code to correspond to a particular space tag.
โ
For example, you might have one page on your website that explains your 'Rooms', and another that explains your 'Studios'. With this feature, you can embed one scheduler on each page, one with the 'Rooms' code and another with the 'Studios' code.
Scheduler view links
The embed code can be edited to show a specific scheduler view (Day, Month, Grid, List, or Map).
For example, https://SKEDDAVENUE.skedda.com/booking?embedded=true&viewtype=3 goes to the Month view.
&viewtype=0 is the Day view (this is the default if Maps aren't enabled)
&viewtype=1 is the Grid view
&viewtype=2 is the List view
&viewtype=3 is the Month view
If Maps are enabled then that is the default view and no extra code is necessary.
Setup
Copy the HTML code from either option and insert it into the page source of your own website.
FAQs
Is the data input to Skedda still secure on my website?
Yep! If your website does not use HTTPS (with a valid SSL certificate), we recommend taking the simple approach (i.e. the basic link that opens Skedda in a new tab). This is because your users might get concerned when looking at their browser address bar (showing your insecure website URL) during the booking process and think that their data entry and personal details are open to eavesdropping when in reality they are very secure and just in Skedda! This is particularly relevant when taking online payments for bookings.
Will the embed view work on mobile?
Yes! But if your own website is not cleanly optimized for mobile usage, we recommend that you take the simple approach (i.e. the basic link that opens Skedda in a new tab). An embedded scheduler on a webpage with poor mobile optimization leads to a poor experience for users on mobile devices.
Why do some of my users see a 'Launch booking system' button instead of the embedded schedule?
Due to top-notch security, some browsers deflect embedded content, even if it's coming from a safe provider (such as us). This will force your users to visit Skedda directly through a 'Launch booking system' button. It's never an issue to open Skedda directly in a new tab!