Skip to main content
All CollectionsEventsforce Groups & TicketingWebsite
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 month ago

Event managers can customize their Eventsforce website and registration pages for 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:

Note: The Plus Icon 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 Plus Icon 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 (1440x120) = used on registration pages and system emails

To upload an ‘Event banner’, navigate to the Setup > Event > Properties page and select 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 the Plus Icon 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'

Notes

Adding registration questions

Registration questions for attendees can only exist on one page of 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 Plus Icon

  4. Select “Question”

  5. Search for an existing question to add, or click the Plus Icon 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.

  • For more information on adding multiple questions of the same type, read "How to add duplicate questions and maintain accurate reporting"

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 Plus Icon and select "Divider". Click the arrows in the top right corner of your divider content and drag to a different location on the page.

Hover over the divider bar and click the Edit Icon to change the divider's color. 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 events. Custom pages can 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 Plus Icon to add a new menu item

  4. In the pop-up, enter a name for the menu item (visible to the 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 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 Plus Icon

  5. Select “Text”

  6. Begin adding text, images and links. 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 and tables, along with the ability to edit or paste in source code directly.

Adding an image

Event managers can 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 Plus 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, enabling 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 the Plus Icon, 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 can 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 the Plus Icon, 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 color

  6. Select the alignment and size

  7. View the preview and click “Save”

Adding YouTube videos

Event managers can embed 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 the Plus Icon, 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 the website editor

Note: Eventsforce does support additional link parameters to allow autoplay, mute, and more. Some options can be set from YouTube before copying the ‘URL’.

Adding a Google Map

Event managers can embed 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 the Plus Icon, 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 the Plus Icon, 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 Preview Button to view the front-end

Adding an Event Countdown

Event managers can 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 the Plus Icon, 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 a background image or color

Event managers can add a background image or color to a text block. To add a background image or color:

  1. Go to Website > Content

  2. Click on an existing text block and select the Edit Icon

  3. Select the Background Editor Icon

  4. Choose to add a background color or background image

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

  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?