Newbook Booking Engine WordPress Plugin

Install the Newbook booking engine WordPress plugin

The Newbook booking engine plugin allows you to seamlessly install your Newbook booking system onto your WordPress website without requiring assistance from any external resources which will save you time and money! All you need to do to get started is simply click the download plugin button or search for Newbook in the plugin store!

Follow our step by step guide to install your plugin in just a few clicks!

Control the color scheme, font and button appearance of your booking engine to ensure your booking process matches your brand.

You will no longer need an external resource to set up your booking engine on your website which will save your business time and money!

How do you install the plugin?

Follow the below steps to install the Newbook WordPress plugin on your website.

Step 1

Click the “Install the WordPress Plugin” button to download the plugin folder. This will download a zip folder containing all the required plugin files.

Step 2

Go to the plugins section on WordPress and click the “Add New Plugin” tab.

Step 3

Click “Upload Plugin” and choose the downloaded folder.

Step 4

Go to the “Installed Plugins” section and click activate to activate your Newbook Online plugin.

Step 5

Go to edit your page and add a shortcode block then insert the shortcode “[newbook_online]”. Click update and view your page to see the booking engine.

Step 6

You should now be able to see the booking engine on your page.

Step 7

Go back your WordPress dashboard and click the Newbook Online plugin which you can now see in your left panel.

Step 8

You will need to input your API Key in the required section. If you do not have this, reach out to Newbook’s 24/7 support team and they will provide it for you.

Step 9

Select your region and which page the booking engine is on.

Step 10

Now it’s time to white label your booking engine. Go through and select the colours and fonts for each part of the booking engine as well as the radius for the booking engine’s buttons.

Step 11

Click “Save Settings” and admire your new booking engine on your website!

Step 12

If you have any questions or can’t get the booking engine to work on your website, please don’t hesitate to reach out to Newbook’s 24/7 support team.

Newbook Booking Engine FAQs

This is available upon request from the Newbook Support team.

Your specific region is located within your Newbook domain name. For example, if your Newbook login URL starts with https://appap.newbook.cloud/, then your instance is AP (appap). Appus = US, appau = AU, and appeu = EU

Ask your marketing team if your brand color codes are located within your company’s Style Guide. If not, you can easily find out the color code by using a browser plugin like Colorzilla.

Simply right-click on some text on your website, click ‘inspect’. Within the ‘Elements’ section, navigate to the ‘Computed’ tab and your font can be found under the title ‘Font Family’.

Put simply, adjusting the border radius changes the edges of your buttons from square edge corners to more rounded edges. So, 0px will produce squares edges, 5px is common and 25px + results in full rounded corners.

The plugin provides some customization, however if you need to change the button text colour, padding or border, you will need to write custom CSS to control them. We don’t recommend this unless you’re experienced with updating CSS.

This could be for two reasons:

  1. The instance key is incorrect
  2. The region isn’t set correctly

Please double check this information and if you’re experiencing the same error, our creative team can assist.

This is often caused by clashing or missing jQuery or jQuery UI files. Head to the ‘Newbook Online’ tab within WordPress and try unticking the include jQuery and jQuery UI options.

Every website is unique, so the CSS and JS of the website may be conflicting with the booking engine. If you’re not an experienced web developer, you can speak to our friendly Newbook Creative team for assistance.

The guest picker is designed to sit at the top of the page, so if your website features a ‘sticky’ header that remains as you scroll, this may overlap it. Custom CSS will need to be coded to correct this. TIP: when a pop-up is open, a class is added to the HTML tag that can be used to apply a fix.

There are multiple attributes you can add to the shortcode to control the content. Any of the ‘Booking URL Parameters’ can be added as attributes. EG. [newbook_online force_category_id=”5”]