Hotel Guests: This support center is created for hotel owners. Click here to contact us.

Hotel owners: New to hoteliers.com? Click here to find the best solution for your hotel.

Placing the hoteliers.com preferred banner on your website

This article describes how you can implement the preferred banner into your website. With the preferred hotel banner you benefit of better search results on the marketing platform hoteliers.com for commission free bookings.

Index

What is the preferred hotel program?

With the preferred hotel program you benefit of higher rankings in the search results of hoteliers.com! By placing one of the below stated banners you will become a preffered hotel on the marketing platform and benefit from better search results on hoteliers.com and organic search. With placing the banner on your website, we both benefit from better search results in the Google search engine.

Becoming a preferred hotel is completely free! Adding the preferred hotel banner to your website will help raising the find ability of the hoteliers.com commission free booking platform in the search engines. Better find ability will raise the chance of more commission free bookings for your hotel. The only condition in becoming a preferred hotel is an average review score of 7 out of 10.

Recommended banners

We recommend to use the following two banners. 

 

Banner 1 "darkblue"
Banner 2 "lightblue" 

 

Alternative banners

If the above two banners are not in line with your website design, you can also choose one of the following alternative banners. 

Banner 3 "white"         used on dark background

Banner 4 "whitetrans"  used on dark background

Banner 5 "black"        used on light background

Banner 6 "blacktrans"  used on light background

 

Instructions


The placement of the banners is the same for all themes.
Just place this code at the beginning or end of the page:

<script type="text/javascript" src="https://www.hoteliers.com/preferred/preferred.js"></script>
<script type="text/javascript">
htlrs.initialize({
lang : '{language}',
hotel : '{hotelID}',
theme : '{theme}',
position : '{position}'
})
</script>

Required options
Replace {language} with the language of the site. 
If you have a multi-language make sure this value changes according to the selected language.

Tip: Replace {hotelID} with your Hoteliers ID. You can find your Hoteliers ID in login.hoteliers.com > Hotel Data > Main info (in the left menu bar)

Replace {theme} with one of the following themes available

1. darkblue
2. lightblue
3. white
4. whitetrans
5. black
6. blacktrans

Optional
Replace {position} with the html element (right, left or center) you want the banner to be shown.
If you leave this blank a default html-element will be created for you with the name 'htlrs_preferred', which you can style yourself.

Example

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.hoteliers.com/preferred/preferred.js"></script>
<script type="text/javascript">
htlrs.initialize({
lang : 'nl',
hotel : '8',
theme : 'darkblue'
});
</script>

</head>

<body>

<div id="htlrs_preferred" style="width:186px;">

</div>

</body>
</html>

 

Below, you can place a comment, in case you have a suggestion or question about this article. If case you have a bug, complaint or question concerning your account, we recommend to use "Submit a request" at the top of this page.
Have more questions? Submit a request

Comments