Page History

Section

Column

Room Type Images display on your website, in "View Room Details" on the Tape Chart and in the Booking by Inquiry function and on your AirBnB listing. Before you upload your images, it is important to prepare them to meet size requirements and edit for best presentation.

Room Type images display in the following places.

MyPMS Tape Chart and Booking By Inquiry: Room Type “View Details” pop out. (1 Image)

BookingCenter Booking Engine Templates: Room Type Thumbnail and slideshow (1 Min. and 5 Max.).

AirBnB Direct Connection: Uploaded to your AirBnB profile (10 Min. and 20 Max.).

BookingCenter image upload requirements.

*See additional AirBnB requirementsThe size of the image is very important and must meet size requirements. Before you upload any images, please prepare your images according to these guidelines.

You can upload up to 20 images per Room Type. (A maximum of 5 will display on the Booking Engine)
Only image files (.jpg, .gif, .png) are allowedImage must be 72dpi and in .jpg, .png or.gif format
Image Size: Min: 240 x 480, Max: 600 x 300. Any file over 1080 x 1080 , Optimal: 1240 x 720Thumbnail Image - Thumbnail images are used on your website booking engine and in the Booking by Inquiry function. will be automatically resized.
Max Image Size is 3MB. Images larger than this will be rejected.
Sort Order: The sort order determines the order in which the Slideshow displays the images. The Room Type Thumbnail that displays on the "Select Room" page on the Booking Engine must be set at "Sort Order=1". A "Sort Order=1" also defines image you want to see on your 'legacy' Booking Engine (used for the TripAdvisor 'Book Direct' feature) as the 'legacy' Booking Engine show only one image per Type, Item, and Package.
Slideshow Order: The slideshow will display in the "View Details" Window. You can add up to 5 images to the slideshow. See Booking Engine | View Details and Amenities.

Note: AirBnB Connection Images uploaded to your AirBnB profile (7 Min. and 20 Max.).Note: Airbnb does require a minimum of seven photos. There needs to be at least three that are high quality, at least 1024 x 768. Please contact BookingCenter support if you need assistance with images.*See additional AirBnB requirements

NOTE: To enable the thumbnails to appear on your website go to Booking Engine Settings and choose "yes" for Display Thumbnail images. The first image in the Image Slideshow (Sort 1) will display

in the "View Details" Window. See Booking Engine | View Details and Amenities. The second image, "Thumb Image " is the Room Type Thumbnail image and will display next to the Room Type in the Booking Engine. For more detalls, see Booking Engine | Room Description and Images

To Add an Image:

Step 1: Find the name of the Room Type in the List. There are 2 images to upload: the main image and the thumbnail image. You will need to complete these steps twice, once for the main image and once for the thumbnail image.
Step 2: Click on the Browse button and a new window will open with your desktop file folders. Locate the image and double click or click open in the window.
Step 3: The image name will appear next to the Browse button if it uploaded correctly. Then, click Submit.
Step 4: A message will appear asking to confirm the upload. Click Yes.
Step 5: The image will appear in the list under the Room Type. Above the image a message will appear stating whether image meets or does not meet required size dimensions. If it does not meet the required dimensions, then edit the image size and upload again.

See screenshots of each step below. Click on each image to enlarge.

as the Thumbnail image on all BookingEngine Templates and the Legacy Booking Engine(Request Server). Therefore, to see an image display on the BookingEngine, you must have at least one image set to Sort Order=1. Note: This also applies to Package and Inventory Item Images.

BookingCenter Booking Engines and ADA Compliance

All BookingCenter Booking Engine Templates are designed with the necessary elements to meet WCAG Guidelines including "Alternative Text" also known as the "ALT Tag" for Images. We have provided an "ALT Text "field for each Room Type Image in MyPMS, but the descriptive text must be entered by you in the "ALT Text" field for each Room Type Image. This means that every Room Type image on your Booking Engine should have descriptive "Alt Text" entered in MyPMS to ensure that your Booking Engine complies with ADA and WCAG standards. See Booking Engine | ADA Compliance

*IMPORTANT ADA Compliance: We have provided an "ALT Text "field for each Room Type Image in MyPMS, but the descriptive text must be entered by you in the "Image Description ALT Tag" Field. See below for step-by-step instructions.

Column

width	30%

Panel

borderColor	#559ADE
bgColor	#F0F0F0
titleColor	#ffffff
borderWidth	1
titleBGColor	#559ADE
title	Features and Images

Page Tree

root	Features and Images Tab

Panel

borderColor	#559ADE
bgColor	#F0F0F0
titleColor	#ffffff
borderWidth	1
titleBGColor	#559ADE
title	Booking Engine

Page Tree

root	Booking Engine

To Add or Edit Images: Go to SETUP | FEATURES AND IMAGES | ROOM TYPE IMAGES

First, select the Room Type and click Load. The Room Type Image list will display with a list of images uploaded for the the Room Type. If there are no images uploaded yet, then the list will be blank. Then, follow the step-by-step instructions below. See screenshots of each step below.

Section

Column

width	30%

Image Added

Find the name of the Room Type in the List and click "Load"

Column

width	30%

Image Added

To add a new image, click "Add Image"

Column

width	30%

Image Added

To Edit an image, click on the Image Title

Section

To "Add" or Edit Room Type Image follow these steps:

Once you have selected and loaded a Room Type, the Room Type Image List will display.

To add a new image, click on "Add Image".
To Edit or Replace an Image: Click on the Image Title

Each Image will need the following information entered.

Image Title. Enter a clear title. Ex: Standard King with View. Remember, search engines to display images based on written descriptions and will display search results more accurately with clean, descriptive text.
Image Description (ALT Tag) : Enter a description of the image. For example: Hotel Room with one King Bed and a sitting area with desk and chair. Sliding glass door opens to balcony with view of city. *
Sort Order: The sort order determines the order in which the Slideshow displays the images. The Room Type Thumbnail that displays on the "Select Room" page on the Booking Engine must be set at "Sort Order=1". A "Sort Order=1" also defines image you want to see on your 'legacy' Booking Engine (used for the TripAdvisor 'Book Direct' feature) as the 'legacy' Booking Engine show only one image per Type, Item, and Package.

Section

"Add" Room Type Image

Column

width	30%

Panel

borderColor	#fafafa
borderWidth	1
title	Click "Add Image"

Image Added

Once you have selected and loaded a Room Type:Click on Add Image. The Add Image screen will display.

Column

width	30%

Panel

borderColor	#fafafa
borderWidth	1
title	Upload Image

Image Added

Click on the box to open the upload folder and select the image from your local folder or, drag and drop the image into the box.

Column

width	30%

Panel

borderColor	#fafafa
borderWidth	1
title	Title, Description and Sort

Image Added

Enter a clear Image Title, Description.andSort Order.The sort order determines the order in which the Slideshow displays the images. The Room Type Thumbnail that displays on the "Select Room" page on the Booking Engine must be set at "Sort Order=1"

"Edit" Existing Room Type Image

Section

Column

width	30%

Panel

borderColor	#fafafa
borderWidth	1
title	Open Image Details

Image Added

A list of images uploaded for the the Room Type. Click on the Image Title to open the Edit screen.

Column

width	30%

Panel

borderColor	#fafafa
borderWidth	1
title	Edit or Replace Image

Replace Image and Edit Title and Description Image Added

To Edit or Replace an Image: Click on the box to open the upload folder and select the image from your local folder or, drag and drop the image into the box. The uploaded image will display in the Image Box.

Column

width	30%

Panel

borderColor	#fafafa
borderWidth	1
title	Replace or Update Image

Image Added

The new image will display. To change the image, click "remove". Click Update to add the image.

The uploaded image will display in the Image Box

Image Added

Section Column

width	50%

Section

border	true

Add Room Type Images

Insert any image you choose as the Room Type Image Thumbnail displayed for the Room Type..This can be a logo, graphic, image, etc.

To change your Room Type Thumbnail image, go to SETUP | FEATURES AND IMAGES | ROOM TYPE IMAGES. Here you will see a list of all of your Room Types, Each Room Type has two images. The first image will display in the "View Details" Window. See Booking Engine | View Details. The second image, "Thumb Image " is the Room Type Thumbnail image and will display next to the Room Type in the Booking Engine. For more detalls, see Room Type Images

To upload an image:

Click on Browse to select the image from your local folder. Select the image from your local folder on the computer.
Click Submit to upload the image.

When the image has uploaded, you will see it display below the Room Type name.

To replace an image:

Click on Delete to remove the image.
Click on Browse to select the image from your local folder. Select the image from your local folder on the computer.
Click Submit to upload the image.

When the image has uploaded, you will see it display below the Room Type name

Column

width	50%

Section

border	true

Edit Room Type Images

Insert any image you choose as the Room Type Image Thumbnail displayed for the Room Type..This can be a logo, graphic, image, etc.

To change your Room Type Thumbnail image, go to SETUP | FEATURES AND IMAGES | ROOM TYPE IMAGES. Here you will see a list of all of your Room Types, Each Room Type has two images. The first image will display in the "View Details" Window. See Booking Engine | View Details. The second image, "Thumb Image " is the Room Type Thumbnail image and will display next to the Room Type in the Booking Engine. For more detalls, see Room Type Images

To upload an image:

Click on Browse to select the image from your local folder. Select the image from your local folder on the computer.
Click Submit to upload the image.

When the image has uploaded, you will see it display below the Room Type name.

To replace an image:

Click on Delete to remove the image.
Click on Browse to select the image from your local folder. Select the image from your local folder on the computer.
Click Submit to upload the image.

When the image has uploaded, you will see it display below the Room Type name

Page tree

Versions Compared

Old Version 37

New Version Current

Key

To "Add" or Edit Room Type Image follow these steps:

"Add" Room Type Image

"Edit" Existing Room Type Image