Microsite

Every event in Mercleo Events gets a public microsite — a full landing page where attendees learn about the event, view the schedule and speakers, and complete registration. The public URL follows the pattern /e/[slug].

You control the layout, content, and appearance entirely from the event editor. The microsite is separate from the registration form — it wraps around registration and gives attendees context before they commit.

Where the editor lives

Open any event and click the Website tab. The editor opens full-bleed across the page. The route is /{slug}?tab=website.

The three sub-tabs

The editor is split into three sub-tabs: Sections, Design, and Settings.

• Sections — add, reorder, show, and hide the content blocks that make up your page.
• Design — set your brand colors, fonts, and other visual tokens that apply across the whole microsite.
• Settings — configure metadata, SEO fields, and page-level options.

Section types you can use today

Seven section types render on the public page in Phase 1:

• Hero — full-width header with event title, date, and a call-to-action.
• About — a description block for event background and context.
• Rich text — a freeform formatted text block for any content that doesn't fit a specialized section.
• CTA — a call-to-action block with a headline and button, typically used to drive registrations.
• Countdown — a live countdown timer to the event start date.
• FAQ — an accordion of question-and-answer pairs.
• Video — an embedded video, typically a promo or recap from a prior year.

Section types reserved for future phases

The section picker shows 15 types total. The following eight exist in the picker but do not render on the public page yet:

• Speakers
• Schedule
• Sponsors
• Gallery
• Venue map
• Custom HTML
• Testimonials
• Image
• Embed

Subpage limits

The microsite generates three subpages automatically: Schedule, Speakers, and Partners. These are navigation-level landing pages — they support only rich text and CTA sections.

Use these pages to describe what's coming — for example, a rich text block listing confirmed speakers before their dedicated profiles are ready. Specialized structured content (speaker bios, session grids, sponsor logos) renders on the main page once those section types ship.

Reordering and visibility

In the Sections sub-tab, drag any section to reorder it. Dragging activates after you move the pointer 8 pixels, so brief clicks on controls inside a section don't accidentally trigger a drag.

Each section has a visibility toggle. Toggle a section invisible and it disappears from the public page without being deleted — useful for hiding a sponsors block mid-event while retaining the content.

Hero background priority

The hero section picks its background image from the first available source in this order:

1. A background image set directly on the hero section in the editor.
2. The event's cover image.
3. A CSS gradient generated from your primary and secondary brand colors.

Regardless of which background is in use, the hero always renders a dark overlay (from-black/60 via-black/20) to keep the event title and CTA legible against any image.