Mybookings Website Widgets

Follow

This article will discuss 5 pre-built widgets that MyBookings has and which you can install on your existing website. These do require a minimum knowledge of HTML, so make sure to be careful when adding them.

To navigate to your widgets, click on the settings icon and scroll down to the "website widget" page under the Mybookings section of the sidebar.

 You should see the following:

1. Select from one of the 5 pre-made widget to see a visual representation of what each option looks like.

2. Once you have selected the option that you would like to use, you need to grab the code that shows in the section "Grab code and paste into you website."

You will need to copy the entire code block.

Depending on which widget you select, you can paste the widget code into a div/div element or, if you've selected the floating widget, you can paste the code just before the closing body tag of your website.

The final result should render on your site like the example shown in the mybookings settings.

Advanced Option: Create your own custom mybookings widget

An advanced option for those familiar with development is to create your own widget. The difference between the examples below is the date format.

These forms would replace the pre-built widgets, but might complement other methods depending on how you design it. We recommend that you always have a link somewhere on your website that says "Reserve" or "Reservations".

For international date formats:

form method="post" action="https://hotels.cloudbeds.com/reservas/dEF4YR"
  input type="hidden" name="date_format" value="d/m/Y"
  input type="text" name="widget_date" value="24/08/2015" /
  input type="text" name="widget_date_to" value="25/08/2015" /
/form

For USA Date formats:

form method="post" action="https://hotels.cloudbeds.com/reservas/dEF4YR"
  input type="hidden" name="date_format" value="m/d/Y"
  input type="text" name="widget_date" value="08/24/2015" /
  input type="text" name="widget_date_to" value="08/25/2015" /
/form

For ISO Date formats:

form method="post" action="https://hotels.cloudbeds.com/reservas/dEF4YR"
  input type="hidden" name="date_format" value="Y-m-d"
  input type="text" name="widget_date" value="08/24/2015" /
  input type="text" name="widget_date_to" value="08/25/2015" /
/form

 

Have more questions? Submit a Ticket

Comments

Powered by Zendesk