Difference between revisions of "Pictures"

From Beds24 Wiki
Jump to navigation Jump to search
m (1版 をインポートしました)
m (1 revision imported)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
 
[[Category:Booking Page]]
 
[[Category:Booking Page]]
 
[[Category:Rooms]]
 
[[Category:Rooms]]
  ''This page is about the menu SETTINGS->BOOKING PAGE->PICTURES''
+
[[Category:Booking_Engine]]
 +
[[Category:Booking_Page]]
 +
[[Category:Content]]
 +
<div class="heading">Pictures</div>
 +
  This page is about the menu {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PICTURES and explains how to add pictures for the booking page and how to send pictures to OTAs which support this function.
 +
 
 
__TOC__
 
__TOC__
 +
= Add Pictures =
 
== Upload Pictures ==
 
== Upload Pictures ==
The picture must be a .png, .jpg or .gif file type and uploaded in the control panel.
+
The picture must be a .png file type and uploaded in the control panel.
 +
 
 +
If your files are .jpg or .gif then you can use external file hosting, perhaps in a folder on your website and link to them.
  
Maximum 10 files with max total size 100MB can be uploaded at once. The recommended file size less is than 5MB. A maximum of 10 files with max total size 100MB can be uploaded at once.
+
A maximum of 10 files with a maximum of 100MB total can be uploaded at once. The recommended file size is less than 5MB.
  
 
Upload the pictures you want to use.
 
Upload the pictures you want to use.
Line 13: Line 21:
 
[[Media:pic_upload.png|view large]]
 
[[Media:pic_upload.png|view large]]
  
The number of pictures that can be uploaded is limited to 6 per room type plus 10 per property with an absolute limit of 99 per property. If you need more you can use external pictures as explained below.  
+
The number of pictures that can be uploaded is limited to 99 per property. If you need more you can use external pictures as explained below.  
  
NOTE: Pictures should be used in the smallest possible size. You can  adjusted the picture size in the manage picture menu and should be set as small as possible but still has adequate quality. If you want complete control over the images you can also host them yourself, see the picture >> external menu.
+
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Pictures should be used in the smallest possible size. You can  adjusted the picture size in the manage picture menu and should be set as small as possible but still has adequate quality. If you want complete control over the images you can also host them yourself, see the picture >> external menu.
  
  
Line 27: Line 35:
 
[[Media:pic_manage1.png|view large]]
 
[[Media:pic_manage1.png|view large]]
  
To change slider settings go to SETTINGS->BOOKING PAGE->LAYOUT (responsive version only),
+
To change slider settings go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING PAGE > LAYOUT (responsive version only),
 
 
  
'''Adaptive Version only'''
 
  
Once it is uploaded you can resize it to suit the position it will be displayed. To change the picture settings go to SETTINGS->BOOKING PAGE->PAGE DESIGN->CONTENT.
+
== Use External Pictures ==
 
+
Alternatively or additionally you can use externally hosted pictures. All you need to do is enter the picture URL in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PICTURES > EXTERNAL.
== External Pictures ==
 
Alternatively or additionally you can use externally hosted pictures. All you need to do is enter the picture URL in SETTINGS->BOOKING PAGE->EXTERNAL.
 
  
 
*External pictures have to be hosted securely (https NOT http).
 
*External pictures have to be hosted securely (https NOT http).
Line 46: Line 50:
 
You can find information on the internet on how to host pictures which you want to embed on a web site.  
 
You can find information on the internet on how to host pictures which you want to embed on a web site.  
  
  Note: You can only use a direct link to the image itself. Linking to a storage location is not possible
+
<span style=color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span> If you do not see a thumbnail the link is not going to the picture. You can only use a direct link to the image itself. Linking to a storage location is not possible and will cause errors when the picture is sent to channels.
 +
 
 +
<span style=color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span> If your files are .jpg or .gif then you can use external file hosting
 +
 
 +
==Update Pictures ==
 +
For performance reasons (speed up your booking page so you get more bookings) pictures are cached for 24 hours. You will need to wait 1 hour to see the changes visible in your control panel on your booking page.
  
== Assign Pictures ==
+
= Assign Pictures for the Booking page=
 
<embedvideo service="youtube">https://www.youtube.com/watch?v=lXFa0MPO8TU</embedvideo>
 
<embedvideo service="youtube">https://www.youtube.com/watch?v=lXFa0MPO8TU</embedvideo>
  
Line 62: Line 71:
 
[[Media:pic_room.png|view large]]
 
[[Media:pic_room.png|view large]]
  
  Note: These will only display if your layout has a "room pictures" activated. Many layouts only use "offers" and "offer pictures". Room pictures are not used on the adaptive version.
+
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}} </span> These will only display if your layout has a "room pictures" activated. Many layouts only use "offers" and "offer pictures". Room pictures are not used on the adaptive version.
  
 
'''Offer pictures''': Set the selector to the property you want to assign pictures to. Then select the room and then the offer number. Offer 1 is the default which will always display. If you us a slider you can also set the order of the pictures. Sliders are only available in the responsive version.
 
'''Offer pictures''': Set the selector to the property you want to assign pictures to. Then select the room and then the offer number. Offer 1 is the default which will always display. If you us a slider you can also set the order of the pictures. Sliders are only available in the responsive version.
Line 69: Line 78:
 
[[Media:pic_offer.png|view large]]
 
[[Media:pic_offer.png|view large]]
  
==Update Pictures ==
+
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span> If have activated modules but not assigned pictures to the modules the system will try to use a picture from a higher module.
For performance reasons (speed up your booking page so you get more bookings) pictures are cached for 24 hours. You will need to wait 1 hour to see the changes visible in your control panel on your booking page.
+
 
 +
'''Adaptive Version only'''
 +
 
 +
Once it is uploaded you can resize it to suit the position it will be displayed. To change the picture settings go to {#fas:cog}} (SETTINGS) BOOKING ENGINE >  BOOKING PAGE > CONTENT.
  
Keywords: picture, pictures, picture size
+
= Send pictures to OTAs =
 +
For some channels we can send pictures. See the dedicated help pages for each channel for further details on how pictures will send.

Latest revision as of 01:32, 19 May 2021

Pictures
This page is about the menu {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PICTURES and explains how to add pictures for the booking page and how to send pictures to OTAs which support this function.

Add Pictures

Upload Pictures

The picture must be a .png file type and uploaded in the control panel.

If your files are .jpg or .gif then you can use external file hosting, perhaps in a folder on your website and link to them.

A maximum of 10 files with a maximum of 100MB total can be uploaded at once. The recommended file size is less than 5MB.

Upload the pictures you want to use.

300px view large

The number of pictures that can be uploaded is limited to 99 per property. If you need more you can use external pictures as explained below.

{{#fas:lightbulb}} Pictures should be used in the smallest possible size. You can adjusted the picture size in the manage picture menu and should be set as small as possible but still has adequate quality. If you want complete control over the images you can also host them yourself, see the picture >> external menu.


Manage and resize uploaded pictures

Click on "Manage picture" to delete, resize or access the picture URL

300px view large

300px view large

To change slider settings go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING PAGE > LAYOUT (responsive version only),


Use External Pictures

Alternatively or additionally you can use externally hosted pictures. All you need to do is enter the picture URL in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PICTURES > EXTERNAL.

  • External pictures have to be hosted securely (https NOT http).
  • External pictures are used as they are. They can not be resized.
  • If you are using a third party service you need to make sure your pictures are publicly available.
  • Make sure to use the URL to the actual picture not the place where the picture is stored.

If your web site has SSL you can host your pictures on your own web site. If not you can use a service like imgur.com which allows you to host pictures.

You can find information on the internet on how to host pictures which you want to embed on a web site.

{{#fas:exclamation-triangle}} If you do not see a thumbnail the link is not going to the picture. You can only use a direct link to the image itself. Linking to a storage location is not possible and will cause errors when the picture is sent to channels.

{{#fas:exclamation-triangle}} If your files are .jpg or .gif then you can use external file hosting

Update Pictures

For performance reasons (speed up your booking page so you get more bookings) pictures are cached for 24 hours. You will need to wait 1 hour to see the changes visible in your control panel on your booking page.

Assign Pictures for the Booking page


Property pictures: Set the selector to the property you want to assign pictures to. Then select "Property Pictures". If you use a slider you can also set the order of the pictures. On the adaptive booking page this image is only used for the multiple property booking page.

300px view large

Room pictures: Set the selector to the property you want to assign pictures to. Then select the room. I If you use a slider you can also set the order of the pictures.

300px view large

{{#fas:exclamation-triangle}} These will only display if your layout has a "room pictures" activated. Many layouts only use "offers" and "offer pictures". Room pictures are not used on the adaptive version.

Offer pictures: Set the selector to the property you want to assign pictures to. Then select the room and then the offer number. Offer 1 is the default which will always display. If you us a slider you can also set the order of the pictures. Sliders are only available in the responsive version.

300px view large

{{#fas:exclamation-triangle}} If have activated modules but not assigned pictures to the modules the system will try to use a picture from a higher module.

Adaptive Version only

Once it is uploaded you can resize it to suit the position it will be displayed. To change the picture settings go to {#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING PAGE > CONTENT.

Send pictures to OTAs

For some channels we can send pictures. See the dedicated help pages for each channel for further details on how pictures will send.