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

Everything You Need to Know About the “Book Now” B... We’ll cut right to the chase: if you’re a service-based business such as a salon, barbershop, or spa, you need to have a website.  Having a str...
Google Booking: How to Use Reserve with Google to ... Getting your business to show up on Google can do wonders for your visibility and traffic. Today, 46 percent of all Google searches have a local inten...
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...
A Quick Guide to Manager Point of Sale (POS) on iP... We're pretty excited about this one! The Genbook Manager app for iPhone is now equipped with awesome Point of Sale (POS) options! This will make charg...