Difference between pages "Agoda.com" and "MediaWiki:Common.css"

From Beds24 Wiki
(Difference between pages)
Jump to navigation Jump to search
 
 
Line 1: Line 1:
[[Category:Channel Manager]]
+
/* CSS placed here will be applied to all skins */
[[Category:Error Messages from Channels]]
 
[[Category:Set up Instructions]]
 
''Synchronising Beds24.com with Agoda.com''
 
http://www.agoda.com
 
  
===General===
 
*[[:Category:Channel Manager|Click here]] for general information on how the channel manager works.
 
*This tutorial explains how to [[Setting_Prices_for_Booking_Channels|set prices for channels]].
 
  
=== Capabilities ===
+
body {
*Beds24.com can export inventory.
+
background-color: #ffffff;
*Beds24.com can export multiple rates.
+
background-image: none;
*Beds24.com can import bookings.
+
font-family: Verdana,Geneva,sans-serif !important;
*Beds24.com can import booking cancellations.
+
min-height: 400px;
*Importing cancellations can be disabled for individual bookings.
+
color: #112a49;
 +
}
  
For details please [[Channel_Manager_Capabilities|click here]]
+
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
 +
font-family: Verdana,Geneva,sans-serif !important;
 +
}
  
=== Limitations ===
+
#p-logo {
*Only bookings made after the connection is established will be imported, existing bookings must be manually entered into Beds24 to block the dates.
+
left: 25px;
 +
}
  
=== What you will need ===
+
#p-logo {
The Agoda.com hotel id code for your property. This number can be seen near the top right side of the screen in Agoda
+
height: 80px !important;
 +
}
  
=== Set Up===
 
====Agoda====
 
Request a connection with Beds24 from Agoda. You may have a menu in your Agoda extranet to do this if not ask your Agoda rep.
 
====Beds24====
 
*Enter your Agoda hotel id
 
*Set the currency. If you are using different currencies on Agoda and on Beds24 you can use the price multiplie (see below)
 
  
<embedvideo service="youtube">https://youtu.be/-SbeMMSk8wc</embedvideo>
+
#toc, .toc, .mw-warning, .toccolours {
 +
background-color: transparent;
 +
font-size: 100%;
 +
border: none;
 +
width: 100%;
 +
}
  
Map Rooms:
+
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
*Click on the "Get Code" link next to the room type id setting.
+
text-align: left;
*Choose the Agoda room id you want to map to each Beds24 room and click on it.
+
font-size: 1.5em;
*When the correct room id has copied to the room type id setting, click Save.
+
}
[[Image:agoda_room_mapping.png|500px|link=]]
 
[[Media:agoda_room_mapping.png|view large]]
 
  
Map Rates:
+
h1, h2, h3, h4, h5, h6 {
 +
color: #112a49;
 +
font-weight: bold;
 +
border-bottom: none;
 +
}
  
Agoda accepts following prices:
+
pre {
 +
white-space: pre-wrap;      /* css-3 */
 +
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 +
white-space: -pre-wrap;      /* Opera 4-6 */
 +
white-space: -o-pre-wrap;    /* Opera 7 */
 +
word-wrap: break-word;      /* Internet Explorer 5.5+ */
 +
background-color: #b8e3f5;
 +
border-color: #53889f;
 +
font-family: Verdana,Geneva,sans-serif !important;
 +
}
  
1. Rooms with a maximum of 2 guests: single price and double price. NO room price.
+
.catlinks {
 +
border: none;
 +
background-color: transparent;
 +
}
  
2. Rooms for 3 or more guests: a room price for the maximum capacity of the room optionally a single and a double price. If no single or double price a set the rooms price will also be applied to one or two guests.
 
  
  
*Click on the "Get Code" link next to the rate plan id setting.
+
.circle {
*Choose the Agoda standard rate for this room and click on it
+
/*width: 45px;
*When the correct rate plan id  has copied to the rate plan id setting.
+
height: 45px;
*Click SAVE
+
padding: 8px;
[[Image:agoda_standard_rate_mapping.png|500px|link=]]
+
border-radius: 50%;*/
[[Media:agoda_standard_rate_mapping.png|view large]]
+
padding: 3px 10px 3px 10px;
 +
text-align: center;
 +
font-weight: bold;
 +
background: #fe746c;
 +
color: #ffffff;
 +
}
  
*If applicable an Extra Beds price
+
.mw-content-ltr {
[[Image:agoda_extrabed.png|500px|link=]]
+
padding: 0 10px 0 10px;
[[Media:agoda_extrabed.png|view large]]
+
}
  
Beds24 can send a single (1 person), double (2 guests) and room price which is will apply for the maximum occupancy. Agoda expects a price for an extra bed. Please log into your Agoda account and set the extrabed price there.
 
  
If you need prices for more occupancies talk to Agoda and ask them if the can set up additional rate Ids for you.
+
img {
 +
height: auto !important;
 +
max-width: 100% !important;
 +
}
  
== Activate ==
+
.thumbimage {
*Tick "Inventory", "Prices" and "Bookings"
+
border: none;
*Save
+
}
[[Image:agoda_activation.png|500px|link=]]
 
[[Media:agoda_activation.png|view large]]
 
  
'''Important''': If you receive error messages from Agoda you will need to fix them immediately. Agoda will reject all updates if there is an error. The "Common Error" section below gives information on common errors and how to fix them.
+
.firstHeading { display: none }
  
===Bookings===
+
/* link to page where redirected from
New Bookings are imported. Modifications and cancellations to bookings are also imported.
+
#contentSub {
 +
display: none }
  
Existing bookings are not automatically imported when the connection is established and should be entered into Beds24 manually.
+
*/
  
===Multiple Rates===
 
Multiple rates can be created for each date, for example to send prices for different occupancies, minimum stays, meal options or refundable and non-refundable prices.
 
  
'''1. Derived Prices'''
 
Agoda can auto calculate child rates from one master rate we send. Ask your Agoda rep to set this up.
 
This option means you only need to send one rate from Beds24 to Agoda and Agoda will auto-calculate the other rate options.
 
  
'''2. Multiple Rate Plan Ids'''
+
#p-tb, .mw-search-formheader,  #p-namespaces, #footer-places-about {
 +
display: none }
  
Agoda can set up multiple rate plan ids for each room, each with pre-defined booking conditions. Beds24 can map a different Beds24 rate or offer to each Agoda rate. If you do not have the appropriate rate plan ids you need to request Agoda to add them.
 
  
*Click on the "Get the Agoda Room and Rate Codes for this Property Code" link to view all mapping codes for this property.
+
body.page-Main_Page h1.firstHeading { display:none; }
  
 +
#mw-indicator-mw-helplink a {
 +
display: none;
 +
}
  
'''Multiple Rate Ids using Rates'''
 
  
Each Beds24 rate can be mapped to any valid Agoda rate plan id that is active and not derived or linked. On the CHANNEL tab of each Beds24 rate is a setting to enter an Agoda rate plan id.
+
#mw-pages p { display: none; }
If this setting is left blank, the rate plan id defined in the Beds24 channel manager settings for Agoda will be used.
 
If the Beds24 rate should be mapped to an alternative Agoda rate plan id, enter the Agoda rate plan id here.
 
  
<embedvideo service="youtube">https://youtu.be/C5bfXOEtve4</embedvideo>
+
a {
 +
color: #008ACC !important;
 +
}
  
[[Image:Agoda_rate_mapping.png|400px|link=]]
+
a:visited {
[[Media::Agoda_rate_mapping.png|view large]]
+
color: #008ACC !important;
 +
}
  
 +
#bodyContent a:link,  a:visited, a:active {
 +
color: #019cde;
 +
text-decoration: none;
 +
font-weight: normal;
 +
}
  
If you have linked a rate to be used for other offers or rooms use the selector to choose the room you want to map.
 
  
<embedvideo service="youtube">https://youtu.be/fPdDx9h6VvE</embedvideo>
+
#bodyContent  a:hover a:focus {
 +
color: #019cde;
 +
text-decoration: underline;
 +
}
  
[[Image:channel_linked.png|400px|link=]]
 
[[Media:channel_linked.png|view large]]
 
  
'''Multiple Rate Ids using Offers or Daily Prices'''
 
  
Beds24 supports up to four price "offers" for each room.
+
div#mw-panel div.portal div.body ul li a:link,  a:visited, a:active  {
Each of the four offers can be mapped to a different Agoda rate plan id.
+
color: #112a49;
This is particularly useful when mapping daily prices to Agoda.
+
}
  
To define the Agoda rate plan id for each offer, separate the rate plan ids with colons.
+
div#mw-panel div.portal div.body ul li a:hover  {
For example the following Beds24 rate plan id setting will map offer 1 to rate plan id 11111, offer 2 to rate plan id 22222, offer 3 to rate plan id 33333 and offer 4 to rate plan id 44444:
+
text-decoration: underline;
 +
}
  
'''11111:22222:33333:4444'''
 
  
If offer 1 is used only for the Beds24 booking page and only offers 2,3 and 4 are used for Agoda leave the first rate plan id blank and start with a colon.
+
div.vectorTabs li a:link, a:visited, a:active  {
For example ''':22222:33333:44444'''
+
color: #019cde;
 +
}
  
The settings for daily prices allow each daily price row to be assigned to a specific offer and therefore mappable to different Agoda rate plan ids
+
div.vectorTabs li a:hover {
 +
text-decoration: underline;
 +
}
  
 +
div#mw-panel div.portal div.body ul li a:hover {
 +
text-decoration: none !important;
 +
}
  
'''Same Price to Multiple Rate Plan Ids'''
 
  
If a Beds24 price should be sent to multiple Agoda rate plan ids, the multiple rate plan ids can be entered with a comma separating them.  
+
div.vectorTabs li a:link, a:visited, a:active {
For example ''''12345678,123456789'''
+
    color: #019cde;
 +
}
 +
div#mw-panel div.portal div.body ul li a:link, a:visited, a:active {
 +
    color: #112a49;
 +
}
 +
#bodyContent a:link, a:visited, a:active {
 +
    color: #019cde;
 +
    text-decoration: none;
 +
    font-weight: normal;
 +
}
  
This can be used to allow a daily price set to "Do not allow lower prices" to override multiple Agoda rate plan ids.
+
.jumbotron {
If the comma separated rate plan ids are defined in the channel manager rate plan id setting and each individual Beds24 rate contains it's specific Agoda rate plan id, each rate will be mapped to it's rate plan id and daily prices will be mapped to all the specified rate plan ids, over-riding the rate price when appropriate.
+
background-color: #fff;
 +
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
 +
padding: 20px;
 +
}
  
=== Price Multiplier ===
+
div#mw-panel {
If you want to add a multiplier to your prices, for example because of a different currency to your Beds24 currency, add a * followed by the multiplier number to your hotel Id.
+
padding-top: 0;
 +
margin-top: 0;
 +
}
  
For example a property code setting 123456*12.34 will multiply all prices by 12.34 sent for hotel id 123456.
+
#mw-panel .portal {
 +
padding-top: 0;
 +
margin-top: 0;
 +
}
  
== Maximum number accepted bookings ==
 
By default all all available rooms are sent to activated channels. In SETTINGS->CHANNEL MANAGER->CHANNEL INVENTORY limit the number of accepted bookings for this channel.
 
  
== Notes ==
+
#p-navigation {
For dorms Agoda expects only a single price and not a double or room price.
+
padding-top: 0;
 +
margin-top: 0;
 +
}
  
Changes of inventory are pushed  instantly. Price changes are sent with the next update. To push price changes immediately  press the "Update" buttons.
+
#p-navigation li{
 +
padding: 6px !important;
 +
margin-bottom: 5px !important;
 +
/*background-color: #f4f4f4;*/
 +
transition: color 0.2s linear 0s;
 +
border-bottom: 1px solid #cccccc;
 +
}
  
Channel collect payments will be shown in the booking invoice if SETTINGS->CHANNEL MANAGER -> “Import Channel Collect Payments”  is set to “Yes”.
+
#p-navigation li:hover{
 +
text-decoration: none !important;
 +
border-left: 3px solid #019cde;
 +
cursor: pointer;
 +
}
  
==Common Errors==
+
#p-navigation a{
Any errors occuring during updates will be emailed to you with the error message as returned by Agoda. Below are common error messages and how to fix them.
+
color: #112a49!important;
 +
}
  
'''API key is not authorised for Property id:xxxxx'''
+
#p-navigation a:hover {
Please check if your Agoda hotel ID is entered correctly. If it is please contact Agoda and ask them to check if you are connected to the Beds24.com channel manager.
+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 +
filter: alpha(opacity=70);
 +
-moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
opacity: 0.7;
 +
text-decoration:none;
 +
}
  
'''Authentication failed. Invalid authentication or User not have permission to access Hotel.'''
+
div#mw-panel {
Please check if your codes are entered correctly. If they are please contact Agoda and ask them to check if you are connected to the Beds24.com channel manager.
+
width: 12em;
 +
}
  
'''Available allotment (x) cannot greater than number of rooms (x)'''
+
div#content, div#footer {
This error means Beds24 is sending a quantity greater than you have listed on Agoda.
+
margin-left: 12em;
 +
}
  
'''Please set extrabed rate'''
 
Agoda expects a price for an extra bed. Please log into your Agoda account and set the extrabed price there.
 
  
'''Invalid room type please check your room type ID'''
+
input {font-weight: bold; font-size: 120%}
Please check your room type ids are correct and the connection is enabled.
 
  
'''Cannot set double rate when maximum occupancy less than 2 '''
 
Agoda must have the room set for single occupancy only and we are sending a double price. Either remove the double price or have Agoda set the room for a higher occupancy.
 
  
'''Cannot set full rate when maximum occupancy is 2'''
+
div#content {
Agoda must have the room set for double occupancy but Beds24 is sending a room price for more guests. Either set a double price in Beds24 remove the room prices or have Agoda set the room for a higher occupancy.
+
background-image: none;
 +
clear: both;
 +
border: none;
 +
}
  
'''Cannot set full rate when maximum occupancy less than 3'''
+
#mw-page-base {
Agoda must have the room set for double occupancy but Beds24 is sending a room price for more guests. Either set a double price in Beds24 remove the room prices or have Agoda set the room for a higher occupancy.
+
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
}
  
'''Cannot set Full rate because max occupancy is 2'''
+
div.vectorTabs {
Agoda have the room set for a maximum of two people but Beds24 is sending a room price for more guests. Either set the max people for the room to two in Beds24 or have Agoda raise it to the same value as Beds24.
+
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
}
  
'''Please set full occupancy rate.'''
+
div.selected {
A full occupancy rate is a price for 3 or more guests. Double rooms do not use full occupancy rates. Agoda expects the room to hold 3 or more guests and is expecting a price for 3 or more people. A common cause it that you have set the room for an occupancy of 2 in Beds24 but for a higher occupancy in Agoda.
+
background-color: #ffffff;
 +
background-image: none;
 +
}
  
'''Price provided not sufficient for Max occupancy = 3, rate missing: Full rate'''
+
#mw-head-base {
Agoda expects the room to hold 3 or more guests and is expecting a price for 3 or more people. A common cause it that you have set the room for an occupancy of 2 in Beds24 but for a higher occupancy in Agoda.
+
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
}
  
'''Full Rate should be greater than Double Rate'''
+
div.vectorTabs ul li {
Agoda expects the full rate to be higher. This applies to prices we are sending and prices already in the Agoda system. A common cause is that in Beds24 you have set the room as a double room and in Agoda it is set as a 3 or more person room. Correct the room occupancy so it is the same in both systems. If this is not the reason check which prices are in your Agoda system.
+
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
}
  
  '''Rate x00.00 cannot less than Minimum Rate xxx.00.'''
+
div.vectorTabs span {
Agoda has set a minimum price limit for this rate. Either ask Agoda to lower the limit or raise the price in Beds24 to be at least as high as the limit.
+
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
}
  
'''Max extrabed has not been set, You cannot set the extrabed rate.'''
+
div#mw-head div.vectorMenu h5{
You do not have an extrabed option in Agoda. Either remove the extrabed price in Beds24 or change your set up in Agoda.
+
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
}
  
==Disconnect==
+
div#mw-head div.vectorMenu h5 a{
*Unticking "Inventory" and "Prices" and "Bookings" will stop the synchronisation for a room.
+
background-color: #F3F3F3;
*To completely disconnect the channel manager you might need to contact Agoda and ask them to disconnect you.
+
background-color: #ffffff;
 +
background-image: none;
 +
}
 +
 
 +
.mw-normal-catlinks a !important {
 +
color: black;
 +
}
 +
 
 +
.mw-normal-catlinks a:link, a:visited, a:active !important{
 +
color: black;
 +
}
 +
 
 +
table.wikitable {
 +
background-color: #ffffff;
 +
}
 +
 
 +
#footer  a {
 +
color: black;
 +
}
 +
 
 +
div#footer {
 +
background-color: #F3F3F3;
 +
background-color: #ffffff;
 +
background-image: none;
 +
border-top: 1px solid;
 +
}
 +
 
 +
#footer-info { display: none; }
 +
 
 +
 
 +
/*responsive*/
 +
 
 +
 
 +
.col-1, .col-3,  .col-4, .col-5, .col-6, .col-7, .col-8,  .col-9, .col-10, .col-11, .col-12 {
 +
  position: relative;
 +
  min-height: 1px;
 +
  float: left;
 +
}
 +
 
 +
.col-12 {
 +
  width: 100%;
 +
}
 +
 
 +
.col-6 {
 +
  width: 50%;
 +
}
 +
 
 +
.col-4 {
 +
  width: 33.33333333%;
 +
}
 +
.col-3 {
 +
  width: 25%;
 +
}
 +
 
 +
@media (max-width: 768px) {
 +
.col-6 {
 +
  width: 100%;
 +
}
 +
 
 +
.col-4 {
 +
  width: 100%;
 +
}
 +
  }

Revision as of 17:01, 20 October 2019

/* CSS placed here will be applied to all skins */


body {
background-color: #ffffff;
background-image: none;
font-family: Verdana,Geneva,sans-serif !important;
min-height: 400px;
color: #112a49;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: Verdana,Geneva,sans-serif !important;
}

#p-logo {
left: 25px;
}

#p-logo {
height: 80px !important;
}


#toc, .toc, .mw-warning, .toccolours {
background-color: transparent;
font-size: 100%;
border: none;
width: 100%;
}

#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align: left;
font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
color: #112a49;
font-weight: bold;
border-bottom: none;
}

pre { 
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
background-color: #b8e3f5;
border-color: #53889f;
font-family: Verdana,Geneva,sans-serif !important;
}

.catlinks {
border: none;
background-color: transparent;
}



.circle {
/*width: 45px;
height: 45px;
padding: 8px;
border-radius: 50%;*/
padding: 3px 10px 3px 10px;
text-align: center;
font-weight: bold;
background: #fe746c;
color: #ffffff;
}

.mw-content-ltr {
padding: 0 10px 0 10px;
}


img {
height: auto !important;
max-width: 100% !important;
}

.thumbimage {
border: none;
}

.firstHeading { display: none }

/* link to page where redirected from
#contentSub { 
display: none }

 */ 



#p-tb, .mw-search-formheader,  #p-namespaces, #footer-places-about { 
display: none }


body.page-Main_Page h1.firstHeading { display:none; }

#mw-indicator-mw-helplink a {
display: none;
}


#mw-pages p { display: none; }

a {
color: #008ACC !important;
}

a:visited {
color: #008ACC !important;
}

#bodyContent a:link,  a:visited, a:active {
color: #019cde;
text-decoration: none;
font-weight: normal;
}


#bodyContent  a:hover a:focus {
color: #019cde;
text-decoration: underline;
}



div#mw-panel div.portal div.body ul li a:link,  a:visited, a:active  {
color: #112a49;
}

div#mw-panel div.portal div.body ul li a:hover  {
text-decoration: underline;
}


div.vectorTabs li a:link,  a:visited, a:active  {
color: #019cde;
}

div.vectorTabs li a:hover {
text-decoration: underline;
}

div#mw-panel div.portal div.body ul li a:hover {
text-decoration: none !important;
}


div.vectorTabs li a:link, a:visited, a:active {
    color: #019cde;
}
div#mw-panel div.portal div.body ul li a:link, a:visited, a:active {
    color: #112a49;
}
#bodyContent a:link, a:visited, a:active {
    color: #019cde;
    text-decoration: none;
    font-weight: normal;
}

.jumbotron {
background-color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
padding: 20px;
}

div#mw-panel {
padding-top: 0;
margin-top: 0;
}

#mw-panel .portal {
padding-top: 0;
margin-top: 0;
}


#p-navigation {
padding-top: 0;
margin-top: 0;
}

#p-navigation li{
padding: 6px !important;
margin-bottom: 5px !important;
/*background-color: #f4f4f4;*/
transition: color 0.2s linear 0s;
border-bottom: 1px solid #cccccc;
}

#p-navigation li:hover{
text-decoration: none !important;
border-left: 3px solid #019cde;
cursor: pointer;
}

#p-navigation a{
color: #112a49!important;
}

#p-navigation a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
text-decoration:none;
}

div#mw-panel {
width: 12em;
}

div#content, div#footer {
margin-left: 12em;
}


input {font-weight: bold; font-size: 120%}


div#content {
background-image: none;
clear: both;
border: none;
}

#mw-page-base {
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

div.vectorTabs {
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

div.selected {
background-color: #ffffff;
background-image: none;
}

#mw-head-base {
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

div.vectorTabs ul li {
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

div.vectorTabs span  {
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

div#mw-head div.vectorMenu h5{
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

div#mw-head div.vectorMenu h5 a{
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
}

.mw-normal-catlinks a !important {
color: black;
}

.mw-normal-catlinks a:link, a:visited, a:active !important{
color: black;
}

table.wikitable {
background-color: #ffffff;
}

#footer  a {
color: black;
}

div#footer {
background-color: #F3F3F3;
background-color: #ffffff;
background-image: none;
border-top: 1px solid;
}

#footer-info { display: none; }


/*responsive*/


.col-1, .col-3,  .col-4, .col-5, .col-6, .col-7, .col-8,  .col-9,  .col-10, .col-11, .col-12 {
  position: relative;
  min-height: 1px;
  float: left;
}

.col-12 {
  width: 100%;
}

.col-6 {
  width: 50%;
}

.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}

@media (max-width: 768px) {
.col-6 {
  width: 100%;
}

.col-4 {
  width: 100%;
}
  }