This article is for:
Build
Elevate
Innovate
With Timely, you are able to connect your online booking to your Wordpress 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 a booking button or widget to Wordpress.
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 a booking button or widget
Timely note: this will open the booking process on, or over the top, of your website. This is the most seamless solution, but requires some familiarity with HTML. When adding custom code to your website page, make sure not to switch between visual and text mode once the code has been added. This must remain in text mode, as if you switch back to visual mode before the changes have been applied, then the code will not work.
Step-by-step instructions
1
Open your Wordpress Dashboard and go to pages.
2
Select the page you want to add the booking button to by clicking edit or on the page link.
3
On the right side of the editing pane, select text instead of visual which will show you the underlying HTML of the page.
5
Head to setup from the main menu in your Timely account dashboard, and click on booking buttons, and choose the book now button option.
6
Choose the own button image option and paste a link to your image in the image url field.
7
Copy the code that is provided, and paste it into the Wordpress panel where you want it to appear.
8
Click update to save the page or preview to see it in action.