Wordpress

The Beds24 WordPress plugin lets you add an embedded booking page and booking widgets to your WordPress site with shortcodes. You still manage bookings and inventory in the Beds24 control panel.

Table of Contents

1. Install the plugin
2. Embed your booking page
3. Add booking widgets
4. Developer options

Install the plugin

Steps:

1. In your WordPress admin, go to Plugins and add the Beds24 plugin, or download it from the Beds24 plugin page on WordPress.org and upload it.
2. Activate the plugin.

Expected result: the plugin is active and its settings are in Settings > Beds24 in WordPress.

Note: if your site is hosted on WordPress.com, you may need to upgrade your plan to install plugins.

Embed your booking page

Adjust the general settings for your booking page in the plugin. You can customise the booking page further in Beds24 in Settings > Booking Engine.

Shortcode	Use it for
[beds24-embed]	A booking page with prefilled dates
[beds24-landing]	A booking page that uses the dates chosen in a widget

Note: don't use [beds24-embed] if a widget redirects to the booking page. Use [beds24-landing] instead.

Add a parameter to the shortcode to choose what the booking page shows:

Booking page for	Shortcode examples
One room	[beds24-landing roomid="123"], [beds24-embed roomid="123"]
One property	[beds24-landing propid="123"], [beds24-embed propid="123"]
All properties	[beds24-landing ownerid="123"], [beds24-embed ownerid="123"]
A group of properties	[beds24-landing ownerid="123" custom="group=NameOfGroup"], [beds24-embed ownerid="123" custom="group=NameOfGroup"]

For more customisation options, see the Documentation section in the plugin settings.

Add booking widgets

Widgets are added with shortcodes, for one property or for several.

Booking box, booking strip and availability calendar

Steps:

1. Generate the widget in the Beds24 widget designer in Settings > Booking Engine > Booking Widgets. For several properties, set Property to All.
2. Copy the shortcode.
3. Paste it where the widget should display on your WordPress page.

Let guests search by criteria

1. Create the search criteria in Settings > Booking Engine > Multi Booking Page > Search Criteria.
2. Assign the criteria to each property in Settings > Booking Engine > Multi Booking Page > Property Settings.
3. In Settings > Booking Engine > Booking Widgets, set Property to All, design your widget and set Search Filter to show the search criteria.
4. Generate the code and paste it into the page source where the widget should display, with the WordPress editor set to Text.

See Multiple Property Search.

Booking button and booking link

Paste these shortcodes where the widget should display:

• Booking button: [beds24-button]
• Booking link: [beds24-link]

For customisation options, see the Booking Widgets section in Settings > Beds24 in WordPress.

Developer options

Developers, or users with basic HTML, PHP and CSS knowledge, can change the plugin code.

Change the defaults of legacy widgets

Only use this if you can't use the widgets from the widget designer. Example: change the default values of [beds24-box].

Steps:

1. In your WordPress dashboard, go to Settings > Beds24 and click Edit.
2. Open the file beds24-online-booking/theme-files/beds24-box.php from the navigation on the right.
3. Make the change (see below) and click Update File.

To change	Search for	Change to (example)
Default number of guests	if (!isset($_REQUEST['numadult'])) $_REQUEST['numadult'] = 2;	if (!isset($_REQUEST['numadult'])) $_REQUEST['numadult'] = 1;
Default number of nights	if (!isset($_REQUEST['numnight'])) $_REQUEST['numnight'] = 1;	if (!isset($_REQUEST['numnight'])) $_REQUEST['numnight'] = 3;
Maximum number of guests	<?php for ($i=1; $i<=12; $i++)	<?php for ($i=1; $i<=4; $i++)

Tip: save the file in your theme directory so a plugin update doesn't overwrite it.

Troubleshooting

For common iframe problems and how to fix them, see Embedded Iframe.

Related Articles

• WPML
• Embedded Iframe
• How to use Widgets