Changes

Jump to navigation Jump to search

Category:Wordpress

5,905 bytes added, 17:27, 12 January 2023
[[Category:Widgets]]
[[Category:Apps]]
[[Category:Booking_Engine]]
[[Category:Booking_Page]]
<div class="heading">Wordpress Plugin</div>
This page explains how to install and customise the Wordpress plugin.
The [https://wordpress.org/plugins/beds24-online-booking/ Wordpress Plugin] allows you to add an embedded booking page and/or booking widgets via short codes.
==Install the Plugin ==
Add and activate the plugin
These [http[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.</beds24comdiv>  [[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.clarifyTo 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. ===Booking Box, Booking Strip, Availability Calendar ===Short Codes for Booking Box, Booking Strip, Availability Calendar are generated in the widget designer in the Beds24 control panel in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS. Copy the short code from there and paste itwhere you want to display the widget on your Wordpress page.com. 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 [[Image:Wordpresswidget_2.png|450px|link=]][[Media:Wordpresswidget_2.png|view large]] If you want to allow guests to search by 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 the widget and paste it into the source code (Set the Wordpress editor to "Text") where you want to display the widget. ===Booking Button, Booking Link ===Booking Button, Booking Link are inserted via these short codes: *Booking button: [beds24-button]*Booking link: [beds24-link] Paste it where you want to display the widget on your Wordpress page.  For customization options for the buttons and links see the "Booking Widgets" section in SETTINGS > Beds24 in Wordpress. == Developer Options ==Developers or users with basic knowledge of HTML, PHP and CSS can change the plugin code. === Developer Options for legacy booking widgets ===<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </dspan> Only use this method if you can not use the widgets generated with the widget designer in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS. '''Example''': Change the default values of [beds24-box] Open your Wordpress dashboard and go to SETTINGS->BEDS24 then click on "Edit" Search for this file in the right navigation: beds24-online-booking/g3cjq3 steptheme-byfiles/beds24-step instructionsbox.php Click on on the link to edit:  *To change the default number of guests search for:<code> if (!isset($_REQUEST['numadult'] show how )) $_REQUEST['numadult'] = 2; and change 1 to your default number of guests e.g. if (!isset($_REQUEST['numadult'])) $_REQUEST['numadult'] = 1;</code> 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> 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> Then click "Update File" You can save the file in your theme directory if you want to install avoid over-writing if you update the plugin. =Troubleshooting=See [[/Embedded_Iframe#Troubleshooting|here]] for common problems with Iframes and how to fix them.

Navigation menu