Event managers have the ability to customize their Eventsforce website and registrations pages in an event. The website pages that can be accessed for editing include:
Agenda page - page containing sessions
Attendee details page - page containing questions asked of the attendee
Confirmation page - page where registration is confirmed
Decline invitation page - page where an attendee declines an invitation
Home page - home page for the event website
Invitations page - page where a booker invites attendees to complete their details
Ticket selection page - page containing ticket types, summary box, and discount code
Any custom pages - custom pages added to the event by the event manager
Event managers can access the above pages for the purpose of:
Note: The ‘+ Banner’ sign that appears immediately above and below your website banner is used for adding content to the 'banner' area, meaning it will appear on all pages. The '+’ sign below the banner section (generally above your page header text or below) adds content to the 'body' area and only appears on that page.
Adding a website banner
Eventsforce allows for two different types of banners to be uploaded:
Website banner (1440x380) = used on all website pages (home, agenda, ticket selection, custom pages)
Event banner (1440x150) = used on registration pages and system emails
The ‘Event banner’ is uploaded on the Setup > Event > Properties page and selecting the ‘Advanced’ button at the bottom.
To upload a website banner, take the following steps:
Go to Website > Content
Click the arrow in the top left to open the menu key/list
Visit the “Home” page
Click the arrow in the top left to close the menu key/list
Hover over the banner image and select the ‘Edit’ icon on the left
Select the image, then click the “Insert/edit image” icon
Click the ‘Browse/Source’ icon to locate a file on your computer, select the file
Click “Save”
Adding booker questions
The ‘Booker Details’ section, located under Website > Content > Pages > Booker Details, contains standard questions for bookers that cannot be edited. If your organization wants to add additional questions for bookers, this can be done under ‘Additional Booker Details’. To add booker questions, go to Website > Content > Pages > Additional Booker Details to add booker questions.
From the ‘Additional Booker Details’ page, click the ‘+ Content’ icon
Select 'Question'
Search for an existing question to add, or use '+' to create a new question
Choose your question type, then click 'Create'
Use the ‘Create question’ modal and tabs to add your question details and indicate the question visibility. Other fields such as alternatives (question options) and pre-populated answers may also be required depending on the question type
Click 'Save'
Note: You cannot add questions that already exist on the ‘Booker Details’ page.
Adding registration questions
Registration questions for attendees can only exist on one page in the event. Event managers can use dependent questions and dividers to customize the page display further. Take the following steps to add new questions:
Go to Website > Content
Visit the “Attendee details” page
Hover over a question on the page and click the “+” icon
Select “Question”
Search for an existing question to add, or click “+” to create a new question
Choose your question type, then click “Create”
Use the ‘Create question’ modal and tabs to add your question details, alternatives (if applicable), pre-populate an answer, and question visibility
Click “Save”
Notes
Editing the names of alternatives within a question will also update the registrations who have selected that value
Event managers can add more than one question at a time to their website by holding 'CRTL' or 'Command' on the keyboard and selecting multiple rows.
In single registrations, if you have the same question on ‘Attendee Details’ and ‘Additional Booker Details’, the value will be populated from ‘Attendee Details’ to ‘Additional Booker Details’.
Adding a divider
Dividers can be added to website pages to separate content/questions or add an element of design. To add a divider, hover over the "+" icon and select "Divider". Click the arrows in the top right corner of your divider content and drag to move to a different location on the page.
To change the divider's color, hover over the divider bar and click the 'Edit' icon. Click 'Tools', then 'Source code' and paste the following HTML code:
<hr style='background-color: #67074e;' />
Adjust the hex color as needed.
Adding new website pages
Event managers can add custom website pages to their Eventsforce event. Custom pages can be used to contain additional content that should be available to attendees before and after registering. Registration questions cannot be added to custom website pages, registration questions can only be added to the ‘Attendee details’ page. To add a custom page:
Go to Website > Content
Expand the ‘Pages’ panel by clicking the arrow in the top left
Click the “+ New Page” button to create a new page
Add a page name
Click “Save”
Note: Custom pages will not automatically appear in the menu bar, the event manager must add the page manually.
Adding new pages to the website menu
Pages added to the website are not automatically added to the menu. To add the custom page to your website’s menu, take the following steps:
Go to Website > Content
Hover over the menu bar towards the top
Click the “+” icon to add a new menu item
In the popup, enter a name for the menu item (visible to public)
Select “Internal”
Choose your custom page from the dropdown menu
Click “Add”
Note: Once the page is added, you can select the menu item and reorder using the arrows, edit, or delete.
Adding text
Text content can be added to any page that can be accessed through the pages menu. Please note that some pages in the registration process are not editable. Text can be added to a page by taking the following steps:
Go to Website > Content
Expand the ‘Pages’ panel by clicking the arrow in the top left
Select the page to add text content to
Hover over the area of the page you want the text to appear in and select the “+” icon
Select “Text”
Begin adding text, images, links, and use the icons to format the content, or access the source code to paste in HTML directly
The page saves automatically, click outside the text area to remove the editing icons
You may edit the background of a text box by clicking the ‘Background Settings’ button. A ‘Text Block Background Settings’ window then appears.
Use the ‘Color’ tab to select a solid background for the text box. You must de-select the ‘Transparent’ option before you can change the background color. Alternatively, use the ‘Image’ tab to upload a background image. Selecting a background color and a background image with low opacity will give the image a colored tint.
Note: Text areas can contain most HTML content, images, hyperlinks, tables, along with the ability to edit or paste in source code directly.
Adding an image
Event managers have the ability to add images to their website pages. Images can be added to a page by taking the following steps:
Go to Website > Content
Expand the ‘Pages’ panel by clicking the arrow in the top left
Select the page to add images to
Hover over the area of the page you want the image to appear in and select the “+” icon
Select “Image”
Upload an image from your device
Choose to add an internal or external link to the image
Click “Save”
Note: Images must be PNG or JPG. Minimum size is 32px x 32px.
Adding a multi-column
A multi-column block can be added to a website page. These add structure to the website and enable improved content layout on narrow-screen devices. Once the multi-column has been set up, event managers can add content within those columns. To add a multi-column:
Go to Website > Content
Hover over an area, click “+”, then select “Multi-column”
Select the preferred column structure
Choose to add content within columns
You may edit the background of a column by clicking the ‘Background Settings’ button. A ‘Text Block Background Settings’ window will appear.
Use the ‘Color’ tab to select a solid background for the column. You must de-select the ‘Transparent’ option before you can change the background color. Alternatively, use the ‘Image’ tab to upload a background image. Selecting a background color and a background image with low opacity will give the image a colored tint.
Adding a button
A button can be added to a website page and will take the website styling. Event managers are able to customize the text, link, alignment and size of the button. To add a button:
Go to Website > Content
Hover over an area, click “+”, then select “Button”
Enter the text to be displayed on the button
Enter a link for where the button directs to
Choose from the Primary or Secondary colour
Select the alignment and size
View the preview and click “Save”
Adding YouTube videos
Event managers have the option of embedding a YouTube video onto the ‘Home’ page or any custom page on the website. First, obtain the video URL for the YouTube video. The URL should be the ‘Share’ URL, rather than the ‘embed’ code. To add a YouTube video:
Go to Website > Content
Hover over an area, click “+”, then select “YouTube video”
Paste the copied video URL into the ‘Share link’ field
Click “Add”
Visit the website to test the video, video placeholder appears in website editor
Note: Eventsforce does support additional link parameters to allow autoplay, mute, and more. Some of these options can be set from YouTube before copying the ‘URL’.
Adding a Google Map
Event managers have the option of embedding a Google map onto the ‘Home’ page or any custom page on the website. First, obtain the HTML embed code for the Google map. To add a Google map:
Go to Website > Content
Hover over an area, click “+”, then select “Google map”
Paste the copied HTML embed code into the “embed code” field
Choose the preferred map size and alignment
Click “Save”
Visit the website to test the map
Adding a Presenters Grid
Event managers have the option of displaying an automatic grid of presenters who have been created in the Program tool, and assigned to a session. More information on creating presenters can be found here.
Once presenters have been created and assigned to a session, go to Website > Content
Hover over an area, click “+”, then select “Presenters grid”
Select which presenters you want to display
Use the spanner icon to sort the presenters or drag and drop the presenter in the order the presenters should be displayed
As presenters are not visible in the website editor, click the screen icon to view the front end
Adding an Event Countdown
Event managers have the ability to add an event countdown timer to their website. The countdown timer will automatically calculate the days, hours, minutes and seconds to the first day of the event. To add an event countdown:
Go to Website > Content
Hover over an area, click “+”, then select “Event Countdown”
Enter countdown text (or tick “hide text” to prevent the text from displaying)
Select either a “square” or “flip” style for the event countdown timer
Click “Save”
Adding an Event Countdown
Event managers have the ability to add a background image or colour to a text block. To add a background image or colour:
Go to Website > Content
Click on an existing text block and select the pencil icon to edit the section
Select the background editor icon
Choose to add a background colour or background image
For the background colour, untick “Transparent” to display the selected background colour
For the background image, change the “Opacity” to change the transparency amount
Click “Save”
Adding a website footer
Eventsforce websites support footer content which is set to appear on all pages of the website and registration process. The footer can be customized on any page, and changes will be reflected on all pages. To add footer content:
Go to Website > Content
Scroll down to the bottom of the page and click the “+ Footer” button
Select “Text” to add HTML content
Type or paste the footer text/content
Click outside of the footer to exit the editor
Note: The footer content appears within the footer area which uses the gray background color, as opposed to the body content with white background.
Other articles you may find useful: