Website

With the InEvent platform, you can create a public website for your event in a few minutes. The platform provides options to design and customize the website to reflect the theme of your event.

In addition to the design options, you can perform several actions, like adding your event agenda, speakers, sponsors, and exhibitors to the website. You can also include your event registration form or add multiple external links to the website.

This article explains how to create, design, and customize a website for your event.

Where can I set up my website?

To set up your website, go to Marketing > Landing Pages >  Website.

Marketing > Landing Pages >  Website.

How can I create multiple website pages for my event?

By default, the home page of your event will be automatically created. To create more web pages for your event, click on + Create page > Type the page name > Click on Save.

Create page
These web pages will not be linked to each other, so you could have, for instance, a dedicated page to sell sponsorships that is not visible to anyone without a direct link to that page.
You can create as many website pages as you wish, and each page can have different settings, sections, templates, etc.

To switch from one web page to another, click the dropdown bar next to the + Create page button and select the website page where you want to make changes.

dropdown bar

Now you can start adding sections and setting up your selected website page.

How do I create website sections?

To add a section to your website, locate the Website Configuration options on the left side of the platform, then complete the following steps:

  1. Press Edit at the top right corner of the page.
  2. Choose a section from the Sections drop-down box.
  3. Press the blue + Section button to add the section.
How do I create website sections?

Website sections

You can customize your website sections with the following widgets:

  • Pages: Allows you to select from a list of previously created pages and add them as sections to your website.
  • Map - Adds a map that shows the location of your event.
  • URL - Inserts external links on your website. To ensure that the links work as expected, add the https prefix. You can add as many links as you wish.
  • About - Shows the event description added under Event > Details > General description.
  • Agenda - Shows all the activities in your event. The activity start and end times displayed on the agenda will follow the timezone selected by the event organizer under the Event > Details > Timezone.
If you want attendees to be aware of the timezone of the event agenda (activity start and end times), you can add a custom CSS code to the platform. To learn how to do this, Click here.
When you add lists to your activities, only people added to those lists will see the activities in the Agenda section of your website.
  • Photos - Displays the Photo Gallery (Section available in the following templates: Andromeda dark, Callisto, Castor, Columba, Cosmos, Holmes, Hydra, Janus, Jericho, Lima, Mercury, Ophelia, Orion, Saros, and Vulcan)
  • Speakers- Displays all the speakers in your event. Click here to learn how to add speakers to your event.
  • Sponsors - Shows all the sponsors in your event. Click here to learn how to add sponsors to your event.
  • App - Adds a section where users can download your event app.
  • Speaker of the day - Displays speakers who would be speaking on each day of your event.
  • Custom - Inserts extra sections with text content, video, images, and links. To learn more about the custom option, click here.
  • Registration form (embed) - Embeds your registration form to your event's website. Click here to learn how to create a registration form.
  • My Account - Provides a web area for your participants to access their personal information, data export button, password change link, among other data. Click here to learn more about it.
  • My ticket - Provides a web area for your participants to check information about ticket purchases. Click here to learn more about it.
Some widgets only work with specific templates. If a section does not appear after adding it to your website, try changing the website template. To learn how to switch website templates, click here.

Can I have website sections in the Virtual Lobby?

Yes. You can display website sections as tabs in the virtual lobby. For further information on how to create these types of tabs, Click here.

To link web pages to one another, complete the following steps:

  1. Select a page from the dropdown bar next to the + Create page button.
  2. Press the Edit button at the top right of the page.
  3. Click on the drop-down bar under Sections.
  4. Choose the page you want to link from the Pages option in the drop-down.
  5. Press the blue + Section button.
  6. Press End to save changes.
How do I link web pages to one another?
Linked web pages will appear as new sections on the website navigation bar.

How do I delete web pages?

To delete web pages, complete the following steps:

  1. Select a page from the dropdown bar next to the + Create page button.
  2. Press the Edit button at the top right of the page.
Pages drop-down
  1. Click on the Remove page button.
  2. Type the red text in the pop-up window to confirm the removal of the web page.
  3. Press Remove.
  4. Press End to save changes.
Pop-up box to confirm page deletion
Deleted pages will also be automatically removed from all pages that they have been previously linked to.

How do I add translations to my website?

To add translations to your event website, you first need to translate the website sections using the Website Configuration options. To add translations to your website sections, complete the following steps:

  1. Press Edit at the top left corner of the page.
  2. Click on the Settings icon next to the section you want to translate.
  3. Click on the Translate icon (highlighted in the image below):
Translate icon
  1. Select a language from the dropdown bar and press Add translation. (You can repeat this step to add more languages.)
Translating website sections
  1. Click the Generate button next to each language and press Save.
Generate button
  1. Press Save again, then press End to save your changes.

Added translations will be accessible from the language drop-down bar on the website, as shown below:

Languages dropdown bar
Make sure to select the Main language of the Event under Event > Details as - "Defined by user" this ensures that the users can see the dropdown menu to change the language.
The position of the language drop-down bar may vary depending on the template you select for your website.
For a language to be available in the language dropdown bar, you must have previously added the language—as a translation—to at least one section of the website.

How do I customize my website?

After creating your sections, they will show on the Website Configuration tab, along with other options to fully customize your website.

Section settings

  • Changing the order in which the sections appear: You can reorder sections by dragging the dotted icons next to each section's name.
  • Hiding sections from the website menu bar: To hide sections from the website menu bar, Click on Edit, then click the settings icon next to the section name. A pop-up window will open. Untick the Visible on menu bar checkbox and press Save.
  • Changing the section label: Click on Edit, then click on the settings icon next to the section's name and a pop-up window will open. Type the new name under the Section label and press Save.
The website section label allows up to 130 characters.
  • Deleting sections: Click on Edit, then click on the settings icon next to the section's name, and a pop-up window will open. Press Remove.
  • Custom section: Click on Edit, then click on the settings icon next to the custom section. You can change the section label, write the content under the Content field, select the word where you want to insert a link, click the Insert Link button and paste the URL, press Save and Save again once completed.
When using the custom section, you can add as many external URLs as you wish to your website. You can also generate translations for your content.
Section settings

Font style

On the Website Configuration tab, you can customize your website font style. To do so, locate the Font Style section, click on the drop-down bar and choose the font that better fits your website.

Font style

Options

You can customize your website using the following options:

  • Enable countdown: This shows a countdown to indicate the time remaining before an event is scheduled to occur.
  • Enable speaker categories: This allows you to have your Speakers categorized on the website. To use this option, add the Speakers section.
  • Enable sponsor categories: This allows you to have your Sponsors categorized on the website. To use this option, add the Sponsors section.
  • Sponsor category cascade: When this option is enabled, the Sponsors' logo will be displayed increasingly smaller following the order of sponsor categories set in the Sponsors page. In order to use this option, Enable sponsor categories must be enabled and the Jericho template must be selected.
  • Show days without activities: It allows you to hide the Activities from the agenda. To use this option, add the Agenda section.
  • Enable registration: It shows the Register button so people can register for the event.
  • Enable exit popup: If enabled, when users press exit, they will see a pop-up window to confirm that they want to leave the website.
  • Header position: You have three options for the header position (Cover overlay, After cover or Invisible)
  • Registration label: Here you can edit the name of the Register button and also generate translations for the labels by clicking on the Translate icon.
  • Registration link: This is the link to the page that people will be directed to after pressing the Register button. You can paste the link to the registration form here.
Options

Access Policy

The website Access policy provides two options that allow you to lock the homepage or other created pages of your website from public view. The two options are as follows:

  • Requires login
  • Page access code
Access Policy
Access policy works independently on the selected website page. An event organizer can choose to either make some or all of their event website pages private.
Requires login

If this option is enabled, people accessing your website page must have previously registered for the event. They will be required to log in before they can access the event website.

To enable this option, click on Edit at the top right corner of the page and tick the Requires login box on the left panel.

Requires login

Once this option is enabled, people who try to access your website will be directed to a login page. Once they enter their credentials (username and password), they will be taken to the event website:

Log in page > website

Page access code

With this feature, event organizers can secure website pages with a four-digit passcode of their own choice. They can provide this code to individuals whom they want to grant access to the website.

To activate this feature, click the Edit button located in the top right corner of the page, then enter the code in the Page access code field.

Access code

Once a code is inserted, the website becomes automatically locked, and whoever tries to access the page will see the image below asking for a passcode to access the webpage:

Type in passcode
If a web page that is restricted with a login or an access code is linked to a public web page, attendees will still need to provide their login information or the access code to view the restricted page.
The Access policy options can be combined by turning on the Requires login feature and setting a page access code. This means that when someone tries to visit the website, they will be prompted to enter the access code before being directed to the login screen to enter their credentials.

This can be used as a two-step verification process, ensuring that the restricted pages are only accessible to those who have the correct login credentials and access code.

Color

You can choose the color of your page by entering the hex code of the color you would like to have. You can ask Google what hex code represents each color. For example, blue is #0000FF.

color
For contrast reasons, the only color that will not be accepted as the Bar color is white (#FFFFFF).

Analytics

InEvent offers different tools to measure your website's performance:

  • Google Analytics ID: Here you can insert the Google Analytics ID to view the most visited pages on your site in real-time, understand how the user browses through it, and get immediate reports on user behavior. Click here for further information on how to integrate Google Analytics with the InEvent platform.
  • Facebook Pixel ID: Here you can insert the Facebook Pixel ID to track relevant audiences for brand advertisements. 
You can also create a UTM link with the website link and then share the UTM link with the event attendees. By doing so, you will be able to verify the number of clicks your website got and its conversion rate. Click here for further information on how to track the performance of your links.

Templates

When all the necessary information is in place and sections are chosen, we can choose the template of the website. To do this, click on Switch Template and select your desired layout. We currently offer 24 layouts to choose from:

If the template selected for your event website is Lima, and the event has already begun, participants will see the information 'The event has started'.
 Switch Template
When using the Janus template, it is also going to show your event's time zone along with the start and end dates. Other templates show only the event's start and end date.

Timezone showing when using Janus template
When using the Lima, Jericho and Janus templates, screen readers can interpret images and logos in sections like Speakers, Sponsors and Exhibitors. Alt texts added to photos in the Photos section can be read across all templates.

If you click the Rebuild button on the top right corner it will update your website with the new information you just uploaded. This feature will ensure that the new information is reloaded for every attendee accessing your website.

How can I preview my website?

To preview your website, click on PREVIEW at the top of the page and your website open on another tab.

Previewing your website

When the Landing page tool is enabled, and a custom domain is being used, clicking the preview URL will direct you to the page created within the landing pages website builder. In order to preview the page created within the Website page instead, append hotsite.php at the end of the preview URL (e.g. myevent.mydomain.com/hotsite.php).

To ensure the best experience, it is recommended to activate either the Website tool or the Landing page tool.


How Did We Do?