Adding content to websites
Learn how to add content to website pages in Eventsforce Groups & Ticketing.
Ben Dharmanandan avatar
Written by Ben Dharmanandan
Updated over a week ago

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 "+" 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 that appears below the banner section (generally above your page header text or below) is used to add 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:

  1. Go to Website > Content

  2. Click the arrow in the top left to open the menu key/list

  3. Visit the “Home” page

  4. Click the arrow in the top left to close the menu key/list

  5. Hover over the banner image and select the ‘Edit’ icon on the left

  6. Select the image, then click the “Insert/edit image” icon

  7. Click the ‘Browse/Source’ icon to locate a file on your computer, select the file

  8. Click “Save”

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:

  1. Go to Website > Content

  2. Visit the “Attendee details” page

  3. Hover over a question on the page and click the “+” icon

  4. Select “Question”

  5. Search for an existing question to add, or click “+” to create a new question

  6. Choose your question type, then click “Create”

  7. Use the ‘Create question’ modal and tabs to add your question details, alternatives (if applicable), pre-populate an answer, and question visibility

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

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 color of the divider, hover over the divider bar and click the 'Edit' icon. Click "Tools", then "Source code" and paste the following HTML code. Adjust the hex color as needed.

<hr style="background-color: #67074e;" />

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:

  1. Go to Website > Content

  2. Expand the ‘Pages’ panel by clicking the arrow in the top left

  3. Click the “+ New Page” button to create a new page

  4. Add a page name

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

  1. Go to Website > Content

  2. Hover over the menu bar towards the top

  3. Click the “+” icon to add a new menu item

  4. In the popup, enter a name for the menu item (visible to public)

  5. Select “Internal”

  6. Choose your custom page from the dropdown menu

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

  1. Go to Website > Content

  2. Expand the ‘Pages’ panel by clicking the arrow in the top left

  3. Select the page to add text content to

  4. Hover over the area of the page you want the text to appear in and select the “+” icon

  5. Select “Text”

  6. Begin adding text, images, links, and use the icons to format the content, or access the source code to paste in HTML directly

  7. The page saves automatically, click outside the text area to remove the editing icons

Note: Text areas can contain most HTML content, images, hyperlinks, tables, along with the ability to edit or paste in source code directly.

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:

  1. Go to Website > Content

  2. Hover over an area, click “+”, then select “Multi-column”

  3. Select the preferred column structure

  4. Choose to add content within columns

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:

  1. Go to Website > Content

  2. Hover over an area, click “+”, then select “Button”

  3. Enter the text to be displayed on the button

  4. Enter a link for where the button directs to

  5. Choose from the Primary or Secondary colour

  6. Select the alignment and size

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

  1. Go to Website > Content

  2. Hover over an area, click “+”, then select “YouTube video”

  3. Paste the copied video URL into the ‘Share link’ field

  4. Click “Add”

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

  1. Go to Website > Content

  2. Hover over an area, click “+”, then select “Google map”

  3. Paste the copied HTML embed code into the “embed code” field

  4. Choose the preferred map size and alignment

  5. Click “Save”

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

  1. Once presenters have been created and assigned to a session, go to Website > Content

  2. Hover over an area, click “+”, then select “Presenters grid”

  3. As presenters are not visible in the website editor, click the "screen" icon to view the front end and see the content of the presenter grid

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:

  1. Go to Website > Content

  2. Scroll down to the bottom of the page and click the “+ Footer” button

  3. Select “Text” to add HTML content

  4. Type or paste the footer text/content

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

Did this answer your question?