Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


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
    width30%


    Panel
    borderColor#559ADE
    bgColor#F0F0F0
    titleColor#ffffff
    borderWidth1
    titleBGColor#559ADE
    titleFeatures and Images

    Page Tree
    rootFeatures and Images Tab


    Panel
    borderColor#559ADE
    bgColor#F0F0F0
    titleColor#ffffff
    borderWidth1
    titleBGColor#559ADE
    titleBooking Engine

    Page Tree
    rootBooking 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
    width30%

    Image Added

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


    Column
    width30%

    Image Added

    To add a new image, click "Add Image"


    Column
    width30%

    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
    width30%


    Panel
    borderColor#fafafa
    borderWidth1
    titleClick "Add Image"
    Image Added

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



    Column
    width30%


    Panel
    borderColor#fafafa
    borderWidth1
    titleUpload 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
    width30%


    Panel
    borderColor#fafafa
    borderWidth1
    titleTitle, 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
    width30%


    Panel
    borderColor#fafafa
    borderWidth1
    titleOpen 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
    width30%


    Panel
    borderColor#fafafa
    borderWidth1
    titleEdit or Replace Image

    Replace Image and Edit Title and DescriptionImage 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
    width30%


    Panel
    borderColor#fafafa
    borderWidth1
    titleReplace or Update Image

    New Image will be loaded into Box.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
    width50%
    Section
    bordertrue

    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
    width50%
    Section
    bordertrue

    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