Event: Website: New Website

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.

Selecting a Website Template

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:

  1. Click the Select Template arrow () to expand the area.

  2. View the available templates in both the My Templates and the Passkey Defaults tabs.

  3. 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.

Customizing a Website Template

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.

Selecting The Layout

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:

  1. Select Preview to see how your event website looks in either layout. You can do this before you decide to change the layout.

  2. Select Use Modern Layout or Use Classic Layout to actually change the appearance and behavior of your event website.

  3. If using the Modern Layout, expand the Customize Website section to add a few new items -

    1. Under Images, optionally provide a different Splash Page Event Logo that will introduce attendees to your event

    2. Under Images, optionally adjust the opacity overlay and color for the Splash Page Image

    3. 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.

 

Customization Options

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:

  1. Using the view (the default), users may customize the following items: Splash Welcome Message, Main Page Image Text, Event Logo and Event Images.

  2. 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.

 

Images

To add a new image:

    1. Select the image to be added by clicking on the name within the Element Box.

    2. Click   to open the Upload Image screen.

    3. 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.

    4. Alternatively, select an image from the Passkey default image library displayed. Click on a Category to refine the image choices shown.

    5. 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):

    1. Select an overlay transparency from 0 to 100%.

    2. 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:

    1. Place your mouse over the image and click .

    2. 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.

    3. 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.

    4. Click Save.

To delete an image:

    1. Place your mouse over the image and click .

    2. 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.

 

Text

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:

    1. 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.

    2. 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.

    3. For the Modern Layout, an optional title may be entered for certain messages (Open Event Message, Closed Event Message, New Reservation Message).

    4. To insert the event name automatically in a text field, place your cursor where the event name should display, click the add tag icon ().

    5. Select the HTML button to edit the raw HTML.

    6. 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.

    7. 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.

 

Placement (Classic Layout only)

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:

    1. Select the item you wish to customize from the left side.

    2. 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.

    3. 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.

 

Format

The following may be customized for the event website on this page: Color Theme and Fonts.

Color Themes

To edit the color theme in the Classic Layout:

    1. Select Color Theme by clicking on the name within the Element Box.

    2. Select one of the six color themes offered.

    3. 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.

    4. Preview the colors selected in the preview pane at the bottom of the screen. Use the scroll arrows to view several preview pages.

    5. Click SAVE to apply the color theme to the template.

To edit the color theme in the Modern Layout:

    1. 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.

    2. 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.

    3. Preview the colors selected in the preview pane at the bottom of the screen. Use the scroll arrows to view several preview pages.

Fonts

To edit fonts:

    1. Select Fonts by clicking on the name within the Element Box.

    2. Select the font settings

      1. 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.

      2. 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.

    3. Select SAVE to apply the changes.

Map

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:

  1. Select Hotel by clicking on the name within the Element Box.

  2. To indicate the Headquarter hotel on the map, check the HQ Hotel box next to the desired hotel

  3. Enter the distance and unit (from the event venue) that will display on the attendee website.

  4. Add an optional Message to be displayed when the guest views the hotel on the map.

  5. 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.

  6. 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:

  1. Select Venues by clicking on the name within the Element Box.

  2. 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:

  1. Select Settings by clicking on the name within the Element Box.

  2. Select if the event should display No Map or link to Google Maps.

  3. Check the box to Display 'Driving Directions' links for mapped locations if desired.

  4. Check the box to Save changes to map's zoom level and default starting point.

Splash Page

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:

    1. 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.

    2. 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.

    3. Preview the colors selected in the preview pane at the bottom of the screen. Use the scroll arrows to view several preview pages.

Customizing The Website For Attendee Types

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:

  1. Select an attendee type by name.

  2. Customize the website for the attendee type you have selected. Note that any items that are non-customizable will be disabled in this view.

  3. When finished, Save your settings.

  4. 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:

  1. Select the attendee type that you want to customize.

  2. Select the attendee type containing the customizations you want to apply to it under Apply customization from.

  3. 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

Booking Rules

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.

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.

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.

Event Rules

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:

    1. Drag and drop a row from its current position into the desired position on the list.

    2. Click the up and down arrows to move the item.

    3. Manually enter the number for the service or room type’s placement on the list.

    4. 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.