All Collections
Eventsforce Groups & Ticketing
Website
Adding content to websites
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 ‘+ 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:

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

  1. From the ‘Additional Booker Details’ page, click the ‘+ Content’ icon

  2. Select 'Question'

  3. Search for an existing question to add, or use '+' to create a new question

  4. Choose your question type, then click 'Create'

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

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

  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.

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

  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

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:

  1. Go to Website > Content

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

  3. Select the page to add images to

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

  5. Select “Image”

  6. Upload an image from your device

  7. Choose to add an internal or external link to the image

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

  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

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:

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

  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. Select which presenters you want to display

  4. Use the spanner icon to sort the presenters or drag and drop the presenter in the order the presenters should be displayed

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

  1. Go to Website > Content

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

  3. Enter countdown text (or tick “hide text” to prevent the text from displaying)

  4. Select either a “square” or “flip” style for the event countdown timer

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

  1. Go to Website > Content

  2. Click on an existing text block and select the pencil icon to edit the section

  3. Select the background editor icon

  4. Choose to add a background colour or background image

  5. For the background colour, untick “Transparent” to display the selected background colour

  6. For the background image, change the “Opacity” to change the transparency amount

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

  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?