Skip to main content
All CollectionsFleet SolutionsWeb Booker
How to embed the Web Booker to a WordPress site
How to embed the Web Booker to a WordPress site
Mewis Koeman avatar
Written by Mewis Koeman
Updated over 10 months ago

Before you begin...

  1. You will need to identify which version of Wordpress you are using; wordpress.com or wordpress.org. To determine your Wordpress version, follow these steps:

    • Log in to WordPress and visit the admin dashboard of your account.

    • Hover your cursor over the Wordpress logo in the top left corner of the page:

embedwp1.png

  • WordPress.org users will see a drop-down menu appear with options.

  • WordPress.com will not see a menu.

  2. You will need to generate your desired Web Booker embed code. As a reminder, the embed code can be generated for either a single event type, or your account's booking page.

    • WordPress.org supports all three of Web Booker embed options:

      • Inline

      • Pop-up text

      • Pop-up widget

Note

The Web Booker embed code requires the use of JavaScript. If you have applied a theme to your Wordpress.org website, the theme may not support JavaScript or may impact the appearance of the embed code.

How to embed the Web Booker in WordPress.org

To embed the Web Booker on a single page of your site:

  1. Sign in to WordPress and visit the admin area.

  2. Go to Pages and decide which one you would like to edit, then select the + to add a new block.

  3. Choose a Custom HTML from the Formatting drop-down list, and paste your Web Booker embed code.

  4. Preview Changes to ensure the embed cooperates with your website's theme before selecting Update to save.

wpembed1.1.png

To apply the pop-up widget embed across your entire site:

  1. Navigate to the Appearance section and open the Editor.

  2. Locate the Theme Files sidebar to the right of the page and scroll to find the Theme Footer.

  3. Locate the </body> tag at the bottom of the footer. Just above the tag, paste the pop-up widget code from your Web Booker account.

wordpress4.gif

How to embed Web Booker in WordPress.com

While the Web Bookers embedded widgets are not compatible with Wordpress.com, you can add a hyperlink to your scheduling page directly on a WordPress.com site. This way, you can direct guests to your booking page.

Add a Hyperlink to your Wordpress.com page:

  1. While editing one of your pages, highlight any text and select the Insert/edit link button from the toolbar.

  2. Paste the URL to your booking page. For an image, select the image and follow the same steps.

How to embed the Web Booker using Wordpress Elementor

Elementor is a third party plug-in that allows you to build a custom theme for your Wordpress site. Using Elementor, you can add the Web Booker embed code to any Wordpress page.

When using Elementor to embed the Web booker, copy the embed code from your YourDriverApp account. Then, paste the full embed code into the Elementor Shortcode Widget.

You can use this video link for a step-by-step guide to adding the Web Booker embed code with Elementor.

Did this answer your question?