Designing the website
Learn how to customize the appearance of your Eventsforce Groups & Ticketing website.
Ben Dharmanandan avatar
Written by Ben Dharmanandan
Updated over a week ago

Eventsforce makes it easy to create a stunning website for your event, which is also mobile friendly. Simply upload an event banner, choose your color scheme, pick a font, and your website is ready!

Want to use your own website? Eventsforce offers a WordPress plugin, allowing your registration process to be embedded onto your own WordPress website, or many websites. For more information, view our article, "How to embed your event in WordPress.."

This article will cover the following:

Website layout

Eventsforce websites are “responsive” by default, meaning the content automatically adjusts for viewing on mobile devices. Websites consist of four areas:

  • Menu bar = appears on all pages of the website

  • Event banner = appears on all pages of the website (size reduced during registration)

  • Body = content unique to the page being viewed

  • Footer = appears on all pages of the website

Below is a diagram of the website page areas:

Customizing the website appearance

Event managers can further customize and style their website by changing the website appearance. Customizations include changing website colors and text styles.

To access the website appearance:

  1. Go to Website > Content

  2. Use the editor on the left to change colors, fonts and the website favicon

There are four colors used on the website which are customizable:

  • Color 1 = used as primary color within default email templates, system emails, and for primary buttons (ex: Proceed, Complete Registration, Save, Accept Invite)

  • Color 2 = used as the secondary (hover over) color for secondary buttons (ex: Cancel)

  • Color 3 = used as the primary color for expand/collapse arrows and secondary buttons (ex: Cancel)

  • Color 4 = used as the secondary (hover over) color for primary buttons

Using custom CSS (advanced)

For Eventsforce users who are proficient with CSS, Eventsforce offers an area for ‘custom CSS’ to further customize the website. Please note that CSS is not supported by Eventsforce. Any CSS added must be managed and tested by the event manager.

Other articles you may find useful:

Did this answer your question?