Many businesses use WordPress to create, edit and host websites because of its ease of use and customizability. 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.

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, 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.

NEWBMButtonCodePage

2. In your WordPress Dashboard, click Pages and then select the Page on which you want to place your Book Now button

Wordpress1Pages

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.

Wordpress2Text

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.

WordpressNoJSBadgeHTML

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.

WordpressVIsualBNbuttoncenter

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.

WordpressPreviewUpdate
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.
BNButtonOnaWPsite
 Sign up to Genbook’s 30-day free trial today!

Related posts

Connect your Genbook appointment booking to Reserv... Genbook has partnered with Google to bring small businesses and their customers a smoother and simpler search-to-booking experience. This new featu...
New ways to access Help & Support Genbookers will now have immediate access to the new centralized help and support center easily accessible across Genbook. The help and support center...
The Community – Powered by Genbook Introducing the Community - Powered by Genbook   The Community powered by Genbook has just launched and we're kicking it off with a special h...
Feature: Staff Preference Indicator If you've set the Staff Selection feature to allow clients to choose "no preference" when booking appointments, you're going to love the Staff Prefere...
Share:Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn