Please note, these instructions are to serve as supplemental information for those with an in-depth knowledge of HTML and web design as a whole. If you don't have a website and want one, please check this article. If you already have a website, we recommend that you contact your web designer or web developer to install our booking engine
The Cloudbeds support team does not provide website design 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
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.
Examples of content management systems are 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 a new booking engine called mygroup 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.
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.
<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.
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.