Overview
These instructions serve as supplemental information for those with an in-depth knowledge of HTML and web design. If you don't have a website and want one, you can check website builders such as WordPress and Squarespace, to name a few. If you already have a website, we recommend contacting your web designer or web developer to install our booking engine.
Cloudbeds does not provide external hotel website design/development services or troubleshooting support, but if you'd like to learn more about HTML and CSS in general, here are a couple of great places to start:
-
- W3schools HTML Tutorial: http://www.w3schools.com/html/default.asp
- Codecademy HTML & CSS web design course: https://www.codecademy.com/learn/web
We do offer:
Before getting started
Before you get started, you will need your site's FTP access and access to your site's content management system if you're using one.
Content management systems include WordPress, Squarespace, Tumblr, Drupal, Joomla, etc.
If you use a third-party web developer or designer to manage your site, you can either ask them to add the engine for you or request that they provide you with access to your site by sending them the following message in an email:
I have just signed up for the Group Booking Engine to use for booking reservations at my properties.
I need to make some changes to my website so that I can link to my new booking engine.
Can you please send me full FTP access to my site, including my:
username, password, host, and port number
Also, if I'm using a content management system such as WordPress or Squarespace, please send me the username, password and login url
Thanks!There are three ways to install our booking engine on your website. You may follow one or more of the methods below.
Option 1 - Point a link on your website to your booking engine
For this option, you can take any link on your website and point it directly to your booking engine url. Here is an example of the HTML you would write to create this link:
<a href="https://outsite.cloudbeds.com">Reserve</a>Advantages: Quick, easy and simple.
Option 2 - Embed the engine using an iframe or other method
<iframe src="https://propertysite.cloudbeds.com?widget=1" width="100%" scrolling="no" class="iframe-class" frameborder="0" id="cloudbeds"></iframe>
<!-- Add script to auto-resize the iFrame -->
<script type="text/javascript" src="https://hotels.cloudbeds.com/widget/iFrameResizer">
</script><script>window.iFrameResize({}, '#cloudbeds')</script>
Replace "https://propertysite.cloudbeds.com" with your Group Booking Engine Page.
Advantages: Provides domain masking engine inside of your website.
Option 3 - Build a group booking widget
Advantages: Allows for a lot of customization, but requires design experience.
Documentation here: Advanced Option: Building a Group Booking Widget
Comments
Please sign in to leave a comment.