Use this page to personalize the booking website for the event, including customizing the website with different themes, colors, fonts and messages. If configured, the website can also be customized for individual attendee types.
The Select Template area may be used to view which website template has been selected for the event (noted as Currently Selected above the template image), as well as to select a new template.
To select a template for an event:
Click
the Select Template arrow
() to expand the area.
View the available templates in both the My Templates and the Passkey Defaults tabs.
To select a new template for the event, hover the mouse over the template image and click the SELECT button. The new template will now appear as Currently Selected in the My Templates tab for the event and is ready for any additional customization.
To launch the page to customize a template, hover your mouse over the
preview pane of the template you would like to edit and click the CUSTOMIZE button (). Access the various areas
to customize your website from this screen.
Choose the layout you want for your website - either Classic Layout or Modern Layout. The currently selected layout is indicated with a blue box and noted as Selected.
The Modern Layout offers a cleaner, more modern, and more refined booking experience to your attendees, but please be sure to click the link to view any limitations that could impact your particular event.
To adjust the layout:
Select Preview to see how your event website looks in either layout. You can do this before you decide to change the layout.
Select Use Modern Layout or Use Classic Layout to actually change the appearance and behavior of your event website.
If using the Modern Layout, expand the Customize Website section to add a few new items -
Under Images, optionally provide a different Splash Page Event Logo that will introduce attendees to your event
Under Images, optionally adjust the opacity overlay and color for the Splash Page Image
Under Text, optionally set a message title for Open Event Message, Closed Event Message, and New Reservation Message
TIP: Set up a Modern Layout template in your website library under Hotel or Organization: Libraries: Websites to re-use branding and settings in your bundles and events, without needing to repeat the work for each event.
TIP: Although you can change the layout for any open event to the Modern Layout without any impact to the reservation flow, you will need to re-upload certain images and adjust some custom styles.
This area is used to customize the following areas of the attendee website: Images, Text, Placement, Format and Map. By selecting each option, you are presented with various elements that may be customized.
The customization may be completed in the pane to the right of the Element list and previewed at the bottom of the page. Elements may also be selected from within the preview pane itself.
This page offers two views for customization actions:
Using
the
view (the default), users may customize the following items: Splash Welcome Message, Main Page Image
Text, Event Logo and Event
Images.
Using
the
view, users may customize the following items: Event
Logo, Splash Page Event Logo, Splash Page Image, Main Page Images
and Event Images.
The directions below walk through the
view but the instructions are the same for both views.
IMPORTANT: Certain settings are available only in Modern Layout or Classic Layout and these differences are noted in the sections below.
To add a new image:
Select the image to be added by clicking on the name within the Element Box.
Click
to open the Upload
Image screen.
Browse to locate an image saved on your desktop, network, etc. Select the image and then click OK to save the image to the template.
Alternatively, select an image from the Passkey default image library displayed. Click on a Category to refine the image choices shown.
Click on the image to select it and then Save to add the image to the event website.
To adjust the image transparency and color (only Modern Layout - Splash Page Image):
Select an overlay transparency from 0 to 100%.
Select
an overlay color by clicking on the icon (),
selecting the color from the palette or entering the RGB or hex
values and then clicking the Save
button to apply.
IMPORTANT: If you are upgrading from the Classic Layout and had previously changed the background color of your site, you may want to reset the Overlay Color to white (FFFFF), which is the default color.
NOTE: The Splash Page Image in the Modern Layout was designed to use an abstract image that contributes to the look of the website. The scaling of the image is different than Classic Layout and may result in some minor cropping around the edges based on the end user's screen resolution and window sizing, but the entire image will be visible when the resolution and window size match. We suggest you take this into account when selecting an image.
To add an image caption:
Place
your mouse over the image and click .
Enter the caption for the image in the box provided. Each field's character limit will appear under the box and will update as characters are added and/or deleted from the box.
If
the event has multiple languages, click the translation globe
, select the Locale
and enter the appropriate translation in the Value
box. Click Apply to save
the translation.
Click Save.
To delete an image:
Place
your mouse over the image and click .
The image is immediately removed from the event website.
TIP: Click on the arrows on the preview screens to view the exact placement of the images to ensure they are being applied to the correct pages.
The following text may be customized for the event on this page: Splash Page Header Text, Splash Page Welcome Message, Main Page Image Text, Open Event Message, Closed Event Message, New Reservation Message, Modify Reservation Message, Cancel Reservation Message, and Custom Event Name.
To add or edit text:
Select the text to be added by clicking on the name within the ELEMENT box. As you select the text field name, it will be highlighted with a blue box in the preview pane at the bottom of the screen. Alternatively, click on the text to be edited directly on the preview screen itself to open the edit box.
The current text will be displayed in the text box in the CUSTOMIZATION area. Enter the desired text in the box provided. Each field's character limit will appear under the box and will update as characters are added and/or deleted from the box. Highlight the text and apply fonts, make bold, italicize, etc. similar to any word processing program.
For the Modern Layout, an optional title may be entered for certain messages (Open Event Message, Closed Event Message, New Reservation Message).
To
insert the event name automatically in a text field, place your
cursor where the event name should display, click the add tag
icon ().
Select the HTML button to edit the raw HTML.
If
the event has multiple languages, click the translation globe
, select the Locale
and enter the appropriate translation in the Value
box. Click Apply to save
the translation.
Click Save.
IMPORTANT: If you had previously applied font styles or other HTML customization to your messages, they may not match the default fonts of the Modern Layout once you upgrade.
To provide a better appearance we recommend that you:
1. Select the message (e.g. Splash Page Welcome Message)
2. Select and copy the contents of the grey editor box
3. Select the HTML button to open that editor
4. Delete the contents of the HTML editor
5. Paste directly into that editor
6. Select Save
These steps will ensure that your HTML is reset to plain text and will inherit the standard fonts of the Modern Layout website.
This area allows you to customize the splash page layout for the attendee website, including the Splash Page Welcome Message, Splash Page Promo Cubes, and Splash Page Attendee Dropdown.
To change the placement of these items:
Select the item you wish to customize from the left side.
Adjust the horizontal and vertical placement by using the positioning buttons to change the horizontal and vertical alignment of the element, and note the changes in the preview panel at bottom of screen.
Click the Save button to apply the changes or Cancel to revert to the last saved changes.
The Welcome Message also supports adjusting the width and height of the box, within the limits specified on-screen.
The following may be customized for the event website on this page: Color Theme and Fonts.
To edit the color theme in the Classic Layout:
Select Color Theme by clicking on the name within the Element Box.
Select one of the six color themes offered.
Alternatively, create a custom
color theme by clicking on each of the four color selection icons
( ), select the color from the palette or enter
the RGB or hex values and then click the Save
button to apply.
Preview the colors selected in the preview pane at the bottom of the screen. Use the scroll arrows to view several preview pages.
Click SAVE to apply the color theme to the template.
To edit the color theme in the Modern Layout:
Select Landing Page Banner, Link Color, Button Color, or Button Text Color by clicking on the name within the Element Box. The currently selected color code is displayed.
To adjust the color, select
the ( ), select the color from the
palette or enter the RGB or hex values, and then click the Save button to apply.
Preview the colors selected in the preview pane at the bottom of the screen. Use the scroll arrows to view several preview pages.
To edit fonts:
Select Fonts by clicking on the name within the Element Box.
Select the font settings
For Classic Layout, select the global default font type and size for the Header Text and Details Text from the drop down list. Samples of the font will display to the right of the boxes.
For Modern Layout, select the global default font type from the drop down boxes. Samples of the font will display to the right of the boxes.
Select SAVE to apply the changes.
The following map items may be customized for the event on this page: Hotels, Venues and Settings.
To edit where the hotel is displayed on the map:
Select Hotel by clicking on the name within the Element Box.
To indicate the Headquarter hotel on the map, check the HQ Hotel box next to the desired hotel
Enter the distance and unit (from the event venue) that will display on the attendee website.
Add an optional Message to be displayed when the guest views the hotel on the map.
If
the event has multiple languages, click the translation globe ,
select the Locale and enter
the appropriate translation in the Value
box. Click Apply to save the translation.
Select ADD or REMOVE to indicate if the pin to display the hotel's location on the map should be visible.
To add a venue to the map:
Select Venues by clicking on the name within the Element Box.
Click
the ADD button to add an Event
Location. Once added, the event location icon ()
will display on the map. It will appear at the address as set up on
the Details > Details page.
To edit additional map settings:
Select Settings by clicking on the name within the Element Box.
Select if the event should display No Map or link to Google Maps.
Check the box to Display 'Driving Directions' links for mapped locations if desired.
Check the box to Save changes to map's zoom level and default starting point.
The following may be customized only for the Splash Page of the event website on this page: Button Color, Link Color, and Menu Color.
To edit the color theme in the Modern Layout:
Select Splash Page Button Color, Splash Page Link Color, or Splash Page Menu Color by clicking on the name within the Element Box. The currently selected color code is displayed.
To adjust the color, select
the ( ), select the color from the
palette or enter the RGB or hex values, and then click the Save button to apply.
Preview the colors selected in the preview pane at the bottom of the screen. Use the scroll arrows to view several preview pages.
If the Configurable on attendee website setting is checked for any attendee types, you will see a dropdown that will allow you to customize the website for a specific attendee type.
To configure a specific attendee type from the list that is shown:
Select an attendee type by name.
Customize the website for the attendee type you have selected. Note that any items that are non-customizable will be disabled in this view.
When finished, Save your settings.
Optionally, you can click the Preview link at the top of the page to preview your changes in the attendee website for this attendee type.
To apply customizations from an existing attendee type:
Select the attendee type that you want to customize.
Select the attendee type containing the customizations you want to apply to it under Apply customization from.
Click the Apply button to copy the changes to the selected attendee type.
IMPORTANT: To remove attendee type customization once it has been applied, and revert to the general website appearance, apply customization from the General View. To remove the ability to customize the website for an attendee type, go to Advanced Options and edit the attendee type to uncheck the Configurable on attendee website box. This will also reset the appearance for this attendee type to the General View.
Manage Settings
This area is used to manage the various settings within the booking website. Select the setting to be viewed by clicking the name under the Manage Settings area. The options available for each setting will be displayed in the Booking Rules panel on the right side of the screen.
Hotel search page. This controls which properties a guest sees once they have entered their stay dates and see the list of event properties. Users may opt to show only those properties that have availability for the dates requested or show all properties regardless of their availability. Users may also show both available & unavailable and select which list should be displayed to the guest first. Additionally, the website may offer guests the ability to filter their hotels by a range of rates by selecting that check box.
Hotel contact information: This controls what hotel contact details will be displayed on the event website when the event is open and when it is closed.
Reservation options: This controls various booking option on the attendee website.
New/Modify/Cancel - If new, modified and cancelled reservations may be made via the attendee website.
Show access code box in new reservation search - If the access code should be shown on the new reservation search page. This box would be displayed for those sub-blocks that may require a special access code such as Staff or VIPs.
Allow modify hotel prior to reservation access - If guests are allowed to modify their hotel before the reservation access date. This should be unchecked if changing the hotel before the reservation access date is not permitted.
Allow edit primary guest name - If guests are allowed to edit the main reservation holder's name when the event is open. This should be unchecked for those events where guests are not allowed to change names on reservations.
Lock rooms for single room reservations - If rooms should be locked/held during the time that reservations are being made. This ensures that guests who start the reservation process do not lose their reservation by the time they complete entering their details. This is recommended for high volume event openings.
Allow blank or partial addresses in reservations - If selected, blank or partial addresses will be allowed on the event website, but only if the event allows this in Event: Details: Details and the hotel profile allows this in Hotel: Defaults. Note that this setting only affects the website, whereas the event and hotel settings determine more generally whether blank or partial addresses are allowed (e.g. in Call Center and Roomlist Manager).
Reservation contact: This area controls which reservation contacts should be displayed on the attendee website. The data displayed pulls from the Event: Details: Contacts section on an individual event.
Tools: This controls the display of Google translate and the currency converter on the attendee website, among other options.
Show currency converter shows a basic currency converter for the attendee website that uses current exchange rates. This is only an approximation and attendees will be charged in the event default currency.
Show Google Translate shows a menu to allow attendees to translate the website dynamically, using Google's services. It is important to note that this is different from the translations that you can optionally provide within Passkey and the resulting translation quality can vary.
Hide Enhance Your Stay Page allows you to hide the upsell page of the attendee website where an attendee is offered a higher priced room compared to the room they have selected. It is important to note that the attendee can still choose any room that is available from their search results, but no upgrades will be suggested during booking or after the reservation is complete.
Allow search engines to find the website allows the attendee website to be indexed by search engines so that attendees can find it even if they don't have a direct link. Note that it can take several weeks for the website to be indexed and appear in search results.
Allow browsing without dates selection allows the guest to browse the hotels and rooms without first selecting a check-in or check-out date.
Hide venue address from Main page hides address details on the Main page of the website.
Hide Extend Stay Page when no promo cubes available hides this page if there are no promo cubes in the event assigned to this page. This can help to streamline the attendee booking process.
Enable waiting room allows you to queue attendees and is recommended for use in high volume openings.
Opt-in settings: This controls whether the attendee will be provided with the option to opt out of other event-related communications. There is the option for organizers to hide the opt-in checkbox and automatically opt all attendees out.
IMPORTANT: If the Hide option is selected it will be impossible for attendees to join an event-specific social network or select to participate in email marketing campaigns from any booking method.
This section allows you to customize the sort order of the event’s room types on the event booking website. Select Manage Settings to access Rooms Sort Order and Nor1 settings.
Click Nor1 to access the setting, and check the Nor1 box to turn on Nor1 upselling capabilities. (Separate Nor1 license required by the hotel.)
Click Rooms Sort Order to adjust the sort order of the rooms within hotels:
Select Price-driven sort order if you would like to sort rooms by price, low to high or high to low.
Additionally, for Hotel Direct events, the sort order may be manually set in one of three ways:
Drag and drop a row from its current position into the desired position on the list.
Click the up and down arrows to move the item.
Manually enter the number for the service or room type’s placement on the list.
Save changes when complete.
TiP: The Rooms Sort Order is different from the Event: Advanced Options: Hotels setting Edit Display Order, which is used within Citywide events to set a display order for hotels. This setting can be used in conjunction with the hotel display order.