This article is for:
With Timely, you are able to connect your online booking to your RocketSpark website, through the use of booking buttons, widgets, and links. This creates an effortless experience for your clients, as they can access your booking page in one click! In this article, you will learn how to add Timely to RocketSpark.
How to acquire the code / HTML snippet required
1
Head to setup from the main menu in your Timely account dashboard, and click on booking buttons.
2
Select the type of button, widget, or link that you would like to add to your website.
3
Then copy the button code / snippet that is provided. The first line will include a reference to the booking code, while the second line is the button itself. If you're planning on adding multiple buttons, you will only need to add the first line once.
How to add the snippet code to your website
1
Login to your RocketSpark dashboard and click the editor button at the top of the page.
2
Find the stack where you want to insert the button/widget and then click add block.
3
Choose the HTML code block option, and then paste the code of the book now button or widget into the html block.
4
Then click publish to save the changes. To view the book now button/widget click preview or reload the page.
5
If you would like to add more than one Timely book now button to your site then you will only need to add the first line of the script to your page once (see below), then add the rest of the script for each respective button where you want it on the page.
Timely notes:
- For the script referenced above, in step 5, please copy and paste the following text:
<script id="timelyScript" src="//book.gettimely.com/widget/book-button-v1.3.js"></script>
- If you’re embedding a booking widget you will need to log out of dashboard before you will be able to view it.