Placing a Book Now button on your website is an important step of your Genbook account’s setup process, and crucial to spreading the word about your online booking capabilities. Below, we’ll show you how to easily get your Book Now button on your WordPress website.
TIP: You’ll need to have both your Genbook account and your WordPress Dashboard open, preferably in two tabs of the same browser. Then, follow the steps below.
1. In your Genbook account, choose your preferred button size and color, then copy the corresponding HTML code
The Book Now button code is found in the “Place a Book Now button on your website” (bottom left) section of your Settings tab. You’ll need to choose whether you’d like to display a small, medium or large Book Now button on your site, then you’ll see the appropriate code(s). Highlight and copy the (shorter) code in the SECOND box on your screen.
2. In your WordPress Dashboard, click Pages and then select the Page on which you want to place your Book Now button
3. Choose the “Text” edit view of the page (instead of the “Visual” option) at the top right corner of the screen
This displays the HTML code view of the Page, versus the WYSIWYG (What You See Is What You Get) view, which allows you to paste your own HTML code (the one that creates the Book Now button) on the page.
4. Paste your Book Now button code in your chosen location
For example, if you want the button to show up at the bottom of the page, scroll to the bottom and paste the code there.
5. Check and edit where the Book Now button appears in the “Visual” (WYSIWYG) edit view
From here, you can highlight the button and change its alignment (e.g. center it, if you’d like). You can also add more text above/below it, or even drag it to a completely different place on the page.
6. Preview and update your Page
Hit the “Preview changes” button on the right of the screen to view what the site will look like when published. Once you’re satisfied with how the Page looks, click the “Update” button to publish changes to your site.
Your Book Now button should now be displayed on your website, making it easy for your clients to find your Online scheduling page and make an appointment.