Landing Page Configuration & Templates

Your event landing page is the first thing attendees see. This guide covers how to configure the banner, set display modules, customize the appearance, and create a professional event website without design skills.

Banner Configuration

The banner is the hero section at the top of your landing page — the first visual impression visitors get.

Banner Type

Open the Banner module settings in the Website Builder (edit pencil icon on the Banner module):

Single Image

Upload one image that fills the entire banner area. This is the simplest option and works well for most events.

Upload your banner image (recommended: at least 1920 × 800 px for full-width). The image scales to fit the banner area.

Image Slider

Create a rotating carousel of multiple banner images. Useful when you want to highlight different aspects of your event — venue photos, speaker headshots, or past event highlights.

Add multiple slides, each with its own image. Slides auto-rotate. You can add and remove individual slides.

Banner Height

• Auto — the banner height matches the full image height. The image displays at its original aspect ratio.
• Custom — set a specific height between 200 px and 800 px using the slider. This crops the image to fit.

Tip

Use Custom height (around 400–500 px) for a cleaner look that doesn’t push the rest of your content too far down the page. Full-height banners look dramatic but visitors have to scroll before seeing any event info.

---

Display Modules

Control which content sections appear on your website. Go to Settings → Display Modules for a quick toggle view:

Module	Toggle	What It Shows
Speakers	On/Off	Speaker profiles on the website
Sessions	On/Off	Session agenda
Sponsors	On/Off	Sponsor logos and tiers
Location	On/Off	Venue information and map
Attendees	On/Off	Attendee list (if public)
Agenda	On/Off	Simplified agenda view
Gallery	On/Off	Photo gallery
FAQs	On/Off	Frequently asked questions
Contact	On/Off	Contact information
Feedback	On/Off	Post-event feedback form

You can also toggle Meeting Link visible before registration — this controls whether virtual meeting links are shown to visitors who haven’t registered yet.

Note

Display Modules in Settings is a global on/off switch. The Website Builder’s module visibility toggle is more granular — you can have a module enabled globally but hidden on a specific page.

---

Appearance Settings

Configure the visual look of your website. Go to Settings → Appearance:

Setting	What It Does
Primary Color	Main brand color for buttons, links, and accents
Secondary Color	Supporting color for backgrounds and highlights
Logo	Your event or organization logo
Favicon	The small icon shown in the browser tab
Theme	Light, Dark, or Custom color scheme
Language	Default language for the website
Footer Text	Custom text shown in the website footer

1. Go to Settings → Appearance.
2. Click the Primary Color swatch and enter your brand hex code.
3. Upload your Logo and Favicon.
4. Choose a Theme (Light is recommended for readability).
5. Set the Footer Text — typically your organization name and copyright year.
6. Click Save.

---

Recommended Landing Page Layout

Here’s a proven layout for high-converting event landing pages. This is the order we recommend for the modules on your Home page:

1. Header — logo, navigation, Register Now button
2. Banner — eye-catching event image with title
3. Event Info — dates, times, timezone
4. Location — venue name and address
5. Tickets — ticket cards with pricing and registration button
6. Speakers — speaker photos and bios
7. Sessions — agenda overview
8. Countdown — timer creating urgency
9. Sponsors — sponsor logos for credibility
10. Footer — contact info and social links

The key principle: put the most important information (what, when, where, how much) above the fold, followed by credibility signals (speakers, sponsors), then supporting content.

---

Common Mistakes to Avoid

Mistake	Why It’s a Problem	Fix
No Register Now button	Visitors can’t figure out how to sign up	Enable the Register Now button in Header settings
Banner takes full screen	Visitors have to scroll before seeing any info	Set banner height to 400–500 px
Too many modules	Page is overwhelmingly long and slow to load	Only enable modules you actually have content for
No OG Image set	Social shares look ugly (no image preview)	Upload a 1200 × 630 px OG Image in SEO Settings
Menu has 10+ items	Navigation is confusing and overwhelming	Keep to 3–5 menu items
Speakers section empty	Shows “No speakers” on a live page	Hide the Speakers module until you’ve added speaker data

Caution

Never enable a module that has no content. An empty “Speakers” section with zero speakers or an empty “Gallery” section makes your event look unprepared. Hide it until you’ve added the data.

---

Preview Before Going Live

Before sharing your event website publicly:

1. Open the Website Builder and check the Desktop, Tablet, and Mobile previews.
2. Click Visit Website to see the live website.
3. Test the Register Now button — it should scroll to or navigate to the ticket section.
4. Test the My Tickets button — it should go to the attendee login page.
5. Share the link on WhatsApp or Slack to yourself — check that the social sharing preview (OG Image, title, description) looks correct.
6. Ask a colleague to visit the link and give feedback.