Reservio
Reservio is an online appointment scheduling platform that allows visitors to book services using a booking button or an embedded booking page. Reservio provides tools for managing calendars, services and appointment availability.
Key features for Reservio include:
- A calendar view for managing appointments
- Online booking pages showing services and available times
- A configurable booking button that can be embedded on a website page
- An embeddable version of the booking page
- Tools for configuring services, availability and booking rules
Reservio integrates with ShopWired by adding to individual website pages to display a booking button or embedded booking page that visitors can use to schedule appointments.
Account creation
Account creation
Create an account on the Reservio website. Reservio provides embed code for use on your website.
Adding a Reservio booking button
Adding a Reservio booking button
Use this method to display a Reservio booking button on a landing page or website page. Reservio will provide you with some embed code, similar to the example below:
<div class="reservio-button-container"
data-text="Book now"
data-size="large"
data-color="#000000"
data-url="https://yourbusiness.reservio.com">
</div>
<script src="https://cdn.reservio.com/widget/button-bundle.js"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
Add this code to your ShopWired website:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the booking button on the page
If you want to add the booking button to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Embedding a Reservio booking iframe
Embedding a Reservio booking iframe
Use this method to embed a full Reservio booking page directly into a landing page or website page. Reservio will provide you with some iframe code, similar to the example below:
<a href="https://yourbusiness.reservio.com/booking" target="_blank" rel="noopener">
Book an appointment
</a>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
Add this code to your ShopWired website:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the iframe code into the Custom HTML setting
- Use the theme editor to position the iframe on the page
If you want to add the iframe to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Recommendations
Recommendations
- Check the placement and visibility of the booking button or iframe on different devices.
