Skip to main content
All CollectionsRegistrationWebsite
How to add content to website pages
How to add content to website pages

Learn about the types of content that can be added to website pages.

Ben Dharmanandan avatar
Written by Ben Dharmanandan
Updated over 3 years ago

Eventsforce websites can contain various types of content and media to provide event information to attendees. Event managers can create multiple website pages, in multiple languages, and create unique content on each page.

Website pages are different from registration pages. Website pages appear prior to starting a registration, therefore; cannot contain any registration questions that collect data. The following types of content can be added to an Eventsforce website page:

Note: When adding content to registration pages, additional options will be available from the “Add here” dropdown such as “Registration Question”, “Bookable Item”, “Quantity Bookable Item”, “Reg Prompt Collections”, “Divider”, and “File Upload”.

Adding a text block

Text blocks can be used to add content such as text, anchors, images, hyperlinks, and tables while allowing for HTML formatting. Take the following steps to add a text block to a website page:

  1. Go to Website > Content > Website Pages

  2. Hover over ‘Add Here’ 

  3. Select “Text Block”

  4. Enter your content

  5. Click “Save”

Note: Users familiar with HTML code can access the code directly using the “Source code” (<>) button. Source code can be copied from other events (or emails) and pasted to copy styling. If adding code directly, you may want to choose “Advanced” and select “Allow custom HTML code”.

Note: When adding a text block to a registration page, event managers can make the text block visible by attendee category and/or dependent on a registration question. Use the “Options” button within the text block to customize visibility. 

Adding a menu block

Each Eventsforce website should contain a menu block to allow attendees to navigate to your website pages. Only one menu block is needed per event, but may not be needed for custom website templates. Menu blocks contain the links to various pages on your website and can be customized by event managers. 

Eventsforce recommends using our ‘menu block’ feature rather than creating your own menu block in a text block to ensure the menu block remains responsive.

Watch the video below to learn how to add new menu pages, edit existing pages, and remove pages. Keep in mind that removing a page from the menu bar does not delete the page from the event, the page is only removed from the menu block. 

Tip: You can create a new website page and exclude the page from the menu block so it is not accessible to attendees. This can be helpful when building a page that is not ready to go live.

Adding a button

Event managers may want to create buttons to add to various pages of Eventsforce. Buttons can direct users to other websites, or begin registration. Event managers can control the button styles in terms of size, colors, and effects. A new button can be create by doing the following:

  1. Go to Website > Content > Website Pages

  2. Hover over ‘Add Here’ 

  3. Select “Button”

  4. Configure the button display (alignment, font, size, text, etc)

  5. Click “Preview” to generate a preview of the button

  6. Configure where the button should direct to (enter a URL or select from the dropdown)

  7. Click “Save”

Note: Some clients prefer to use their own image to function as a button. If you have your own button image, this can be uploaded within a text block and hyperlinked as needed.

Adding scrolling images

Scrolling images can be added to Eventsforce website pages to allow for multiple images to be shown in a scrolling fashion. This works great for displaying items like sponsor logos. Event managers can control the image sizes, scrolling speed, and scrolling mode.

  1. Go to Website > Content > Website Pages

  2. Hover over ‘Add Here’ 

  3. Select “Scrolling Image”

  4. Enter a description

  5. Choose scrolling direction, speed, and mode (these can be adjusted later)

  6. Click “Add” in the bottom right corner to add an image

  7. Click “Upload image”

  8. Specify the image settings (width, height, URL, etc)

  9. Click “Save”

  10. Repeat steps 6-9 until all images have been added

Note: For best display on responsive websites, we suggest using a width of “100%” for the scrolling image content itself. Each image can have it’s own width as needed.

Adding YouTube videos

Eventsforce websites can display and allow playing of YouTube videos. There are two options for adding YouTube videos to your event website:

Option #1 (for YouTube videos only)

To add a YouTube video, event managers will need the URL for the video on YouTube. Once the URL is obtained, take the following steps:

  1. Go to Website > Content > Website Pages

  2. Hover over ‘Add Here’

  3. Select “YouTube video”

  4. Paste the URL of the video

  5. Configure the display preferences

  6. Click “Save”

  7. Click “Preview” at the top to view the video on the website (video does not play in the ‘editing’ view)

Option #2 (for YouTube videos and videos on other streaming sites)

This alternative method can be used for YouTube videos as well as videos that exist on other platforms. You will need to obtain the “embed” code for the video.

Once the embed code is obtained, take the following steps:

  1. Go to Website > Content > Website Pages

  2. Hover over ‘Add Here’

  3. Select “Text Block”

  4. Click 'Advanced' and select "Allow custom HTML code"

  5. Click the source code icon ("< >")

  6. Paste the embed code into the source code box

  7. Click "Save"

Adding an external hyperlink

Within your Eventsforce website and registration process, you can add hyperlinks that direct users to external websites or downloadable files.

You can also choose whether the web page will open in a new window or the same window. We strongly recommend using 'new window' to prevent users from losing their place in the registration process.

The steps below show you how to add a text block and then apply a hyperlink:

  1. Go to Website > Content > Website Pages

  2. Hover over 'Add here' and select "Text Block"

  3. Enter the text for your hyperlink and highlight it

  4. Click the 'Insert/edit link' icon at the top of the menu

  5. Enter the web address into the 'URL' field

  6. Within the 'Target' drop-down, select "New window"

  7. Click "Ok". If "http://" was not entered into the 'URL', Eventsforce will alert you and add it automatically

  8. Click "Save"

Select the "Add external link" chapter in the video below:

Adding an internal hyperlink

Within Eventsforce, you can create hyperlinks to pages that already exist in your Eventsforce website. When the attendee is being taken to another page within Eventsforce, you can allow the hyperlink to open in the same window. Follow the steps below to add an internal hyperlink:

  1. Go to Website > Content > Website Pages

  2. Hover over 'Add here' and select "Text Block"

  3. Enter the text for your hyperlink and highlight it

  4. Click the 'Insert/edit link' icon at the top of the menu

  5. Find and select the page you want to link to from the 'Link list' drop-down (custom pages have "Additional:" before the name)

  6. Within the 'Target' drop-down, select "None"

  7. Click "Save"

Select the "Add internal link" chapter in the video below:

Adding images with text

Within text blocks, it is possible to add both text and images. When adding both, you may want to apply padding to your image for best display.

The video below walks you through how to add a text block, add an image and text within the text block, and format the display.

Adding tables with images

Tables can be added to any Eventsforce website or registration page within a text block. A common situation is creating tables for a 'Speakers' page and displaying speaker images alongside biographies.

The video below walks you through the process (instructions below):

  1. Within your text block, select the "Insert table" icon

  2. Choose how many rows and columns your table should consist of

  3. Place your cursor in the cell where the text should appear and paste your text (you can use "paste as text" to strip formatting)

  4. Place your cursor in the cell where the image should appear and select the "Insert/edit image" icon

  5. To adjust the alignment, place your cursor in the cell and go to Table > Cell > Cell properties, change the 'V Align' to "Top"

  6. Click "Save"

Did this answer your question?