Changes

[[Category:Apps_Plugins_and_ExtentionsApps]][[Category:Booking_Engine]][[Category:Booking_Page]]<div class="heading">Wordpress Plugin</div> ''This page explains how to install and customise the Wordpress plugin.''

These [http://beds24.clarify-it.com/d/cdgw9g step-by-step instructions] show how to install Add and activate the plugin.

[[Image:install_1.png|450px|link=]][[Media:install_1.png|view large]] <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> If your pages is hosted on WordPress.com you might need to upgrade your plan so you can install plugins.  == Embed your Booking Page == Adjust the general setting for your booking page. You can further customize the booking page in Beds24 in {{#fas:cog}} (SETTINGS) BOOKING ENGINE [[Image:embed_1.png|450px|link=]][[Media:embed_1.png|view large]]  Use the short code [beds24-embed] to add a booking page with pre populated dates. <div class="warning">{{#fas:exclamation-triangle}} Do not use [beds24-embed] if you redirect to the booking page from a widget. Use [beds24-landing] instead.</div>  [[Image:embed_2.png|450px|link=]][[Media:embed_2.png|view large]]  Use [beds24-landing] to add a booking page which uses the dates chosen on a widgets. [[Image:embed_3.png|450px|link=]][[Media:embed_3.png|view large]] See the "Documentation" section in the Plugin settings for customisation options.   ===Embeded booking page for a room ===You can specify the room ID in the short code for example:  [beds24-landing roomid="123"]  [beds24-embed roomid="123"] ===Embedded booking page for a specific property ===You can specify the property ID in the short code for example:  [beds24-landing propid="123"]  [beds24-embed propid="123"] ===Embedded booking page for all properties ===You can specify the owner ID in the short code for example:  [beds24-landing ownerid="123"]  [beds24-embed ownerid="123"] ===Embedded booking page for a group of properties ===If you want to create a booking page for a group only use the "custom" parameter: custom="group=NameOfGroup" for example:  [beds24-landing ownerid="123" custom="group=NameOfGroup" ]  [beds24-embed ownerid="123" custom="group=NameOfGroup" ] == Add Booking Widgets ==Widgets are inserted via short codes. You can generate the short codes for one or multiple properties. To generate a short code for multiple properties set the selector for "Property" = All SETTING->BOOKING ENGINE->BOOKING WIDGETS. Copy the short code from there and paste it where you want to display the widget.

Short Codes for Booking Box, Booking Strip, Availability Calendar are generated in the widget designer in the Beds24 control panel in SETTING->{{#fas:cog}} (SETTINGS) BOOKING PAGE-ENGINE >BOOKING WIDGETS. Copy the short code from there and paste it where you want to display the widget on your Wordpress page.. Generate the widget in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS [[Image:Wordpresswidget_1.png|450px|link=]][[Media:Wordpresswidget_1.png|view large]]  Paste the generated short code to where you want to display the widget

Use these [http[Image://beds24Wordpresswidget_2.clarify-itpng|450px|link=]][[Media:Wordpresswidget_2.com/d/cdgw9g step-png|view large]] If you want to allow guests to search by-step instructions] certain criteria:*first create the search criteria in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > MULTI BOOKING PAGE > SEARCH CRITERIA then go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > MULTI BOOKING PAGE >PROPERTY SETTINGS and assign the applicable criteria to each property*Once you have set and assigned your search criteria you can go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS. Set PROPERTY = ALL and design your widget, ensuring that you change "Search Filter" to show the search criteria in your booking widget.*Generate the code for detailsthe widget and paste it into the source code (Set the Wordpress editor to "Text") where you want to display the widget.

For customization options for the buttons and links see the "Booking Widgets" section in SETTINGS-BOOKING WIDGETS > Beds24 in Wordpress.

You can generate the short codes for one or multiple properties. To generate a short code for multiple properties set the selector for "Property" = All SETTING->BOOKING PAGE->BOOKING WIDGETS. Copy the short code from there and paste it where you want to display the widget.= Developer Options == If you want to allow guests to search by certain criteria:*first create the search criteria in SETTINGS -> BOOKING PAGE ->MULTIPLE PROPERTIES->SEARCH CRITERIA then go to SETTINGS -> BOOKING PAGE ->MULTIPLE PROPERTIES->PROPERTY SETTINGS and assign the applicable criteria to each property*Once you have set Developers or users with basic knowledge of HTML, PHP and assigned your search criteria you CSS can go to SETTINGS-> BOOKING PAGE-> BOOKING WIDGETS. Set PROPERTY = ALL and design your widget, ensuring that you change "Search Filter" to show the search criteria in your booking widget.*Generate the plugin code for the widget and paste it into the source code (Set the Wordpress editor to "Text") where you want to display the widget.

=== Developer Options for legacy booking widgets ===Developers or users with basic knowledge of HTML, PHP and CSS <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Only use this method if you can change not use the plugin code to customise widgetsgenerated with the widget designer in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS.

*To change the default number of guests search for: <code> if (!isset($_REQUEST['numadult'])) $_REQUEST['numadult'] = 2; and change 1 to your default number of guests e.g. if (!isset($_REQUEST['numadult'])) $_REQUEST['numadult'] = 1;</code> Click Then click "Update File"

*To change the default number of nights search for:<code> if (!isset($_REQUEST['numnight'])) $_REQUEST['numnight'] = 1; and change 1 to your default min number of nights e.g. if (!isset($_REQUEST['numnight'])) $_REQUEST['numnight'] = 3;</code> Click Then click "Update File"

*To change the maximum number of guests of search for<code> <?php for ($i=1; $i<=12; $i++) change 12 to your max number of guests e.g. <?php for ($i=1; $i<=4; $i++) </code> Click Then click "Update File"

=Troubleshooting=  Note: See [[/Embedded_Iframe#Troubleshooting|here]] for common problems with Iframes on mobile devices are problematic. Best is if you set up a special mobile page for the page where you have embedded the Iframe which opens the booking page in a new page instead of an Iframeand how to fix them.