How does the page builder work?

The builder works with sections that you can freely arrange on the page. You can move, duplicate, or delete sections using drag and drop. Within a section, you can distribute content elements across any number of columns. Sections can also be nested to create complex layouts. All changes are immediately visible in the live preview, and the undo/redo function allows you to reverse any steps at any time. The editor saves automatically.

What content elements are available?

Quick Event offers a wide range of elements: text and headings, buttons in various styles, single images and image galleries (grid, masonry, or carousel), embedded videos (YouTube/Vimeo), a countdown timer, animated counters for statistics, FAQ accordions, a timeline for events, an embedded map for the venue, and a personalized welcome message for logged-in participants. For images, you can upload your own photos or access millions of royalty-free stock photos directly in the editor via the integrated Pexels search.

Can I save sections as templates?

Yes. Every designed section can be saved as a template and inserted into a page for future events using the insert dialog. Over time, this creates a personal library of reusable building blocks—for example, a hero image with your standard branding or an FAQ section with typical questions. Saved templates are also used by the AI function to select suitable sections when automatically creating a landing page.

Can an event have multiple pages?

Yes. You can create any number of subpages for each event—for example, a program page, a speaker page, or a location page. All pages share the same design (colors, fonts, logo) and are accessible via the event page's navigation menu.

How do I set up colors, fonts, and logo?

In the design section of the studio, you define a primary and accent color, background and text colors, as well as a font each for headings and body text—from over 1,900 Google Fonts or as your own font file. Your logo will be displayed in the header. Optionally, Quick Event can automatically extract the colors from an uploaded logo or image and suggest a suitable palette.

Are the pages mobile-friendly and SEO-optimized?

All pages are automatically responsive—columns, font sizes, and images adapt to desktops, tablets, and smartphones. Quick Event automatically generates meta tags, Open Graph data, and Schema.org event markup. FAQ sections have their own FAQ schema and can appear as rich snippets in search results. Images are delivered as WebP files with lazy loading.

Page Builder & Design

Q: What background options are available for sections?

Each section supports up to four layered background layers: a solid color, a background image, a muted background video, and a motion effect (e.g., Aurora or dot pattern). Each layer can be shown or hidden independently and its opacity adjusted continuously. Decorative transitions (waves, curves, zigzag) can be activated at the top and bottom edges to create smooth transitions between adjacent sections.

With Quick Event's page builder, you can create professional event pages visually, without any programming knowledge. Each page is composed from a library of 96 ready-made section presets across 11 categories — hero, tickets, content, CTA, gallery, people, timeline, FAQ, countdown, map, and video. Pick a preset, drop it into a slot, and edit the content inline. Section-level theme bundles and layered backgrounds let every section feel distinct while staying on-brand. Browse the full library in the preset gallery to see what you can build.

Overview

Each event page is a vertical stack of sections. The v3 builder is slot-based: every section preset declares slots (heading, image, button, list, gallery, etc.) and you fill them inline. Add new sections from the preset library — pick by category (hero, tickets, content, CTA, gallery, people, timeline, FAQ, countdown, map, video) or browse the full set in the preset gallery . Sections can be moved, duplicated, or deleted via drag and drop. Selecting a section opens the settings panel for theme, background, layout, and spacing.

All changes are immediately visible in the live preview. You can undo or redo edits at any time. The editor saves automatically.

Sections and presets

Sections are the building blocks of every page, and v3 ships with a curated library of 96 presets across 11 categories . Each preset is a designed layout with named slots — instead of arranging columns by hand, you pick the layout you want and drop your content into the slots.

Hero — first-impression sections with title, subtitle, image or video background, and a primary call to action.
Tickets — pricing tables and ticket selectors that connect directly to your contingents.
Content — text-and-image blocks, editorial pull quotes, magazine spreads, image-body combos.
CTA — focused conversion blocks with headline, supporting text, and one or two buttons.
Gallery — grid, masonry, and carousel layouts for photo collections.
People — speaker grids, host cards, and team layouts.
Timeline — agenda and program layouts in horizontal or vertical orientations.
FAQ — accordion and grid layouts with structured-data output for rich snippets.
Countdown — live timers leading up to the event date.
Map — embedded location maps with venue details.
Video — YouTube and Vimeo embeds with custom poster frames.

Every preset can be themed independently with a theme bundle — a coordinated set of background, text, and accent colors — so adjacent sections can look distinct while staying on-brand. Browse the full library in the preset gallery .

Section backgrounds

The background of each section consists of up to four layered elements. Each layer can be shown or hidden independently, and its opacity can be adjusted from 0 to 100 percent. Combining these layers creates sophisticated visual effects that require no image editing.

Color level

A color layer that you can freely configure: as a solid color or as a gradient between two colors. The opacity of the entire layer can be adjusted continuously—so the color can, for example, act as a semi-transparent veil over a background image.

Image plane

A background image that fills the entire section. It's sized and scaled to look good on all screen sizes. You can adjust the opacity to darken or lighten the image, ensuring the text above it remains easily readable.

Video level

A muted, autoplaying background video. Ideal for hero sections that aim to convey dynamism and atmosphere—for example, footage of the venue, past events, or product showcases. The video plays in a continuous loop and does not affect page load time.

Effect level

Decorative motion effects that overlay other layers. Options include Aurora gradients and dot patterns. Opacity and intensity are adjustable. These effects add vibrant depth to a section without distracting from the content.

Decorative transitions (masks)

At the top and bottom edges of each section, you can activate decorative transitions: waves, curves, or zigzag shapes that create a smooth transition to the adjacent section. The shapes are customizable in color and size, giving the page a fluid, modern texture.

Content elements

You can place any number of content elements within the columns. All elements are designed specifically for each event and can be configured via the settings panel.

Text & Formatting

Headings and paragraph text are available at several hierarchical levels and can be formatted as bold, italic, a link, or highlighted. Bulleted and numbered lists help to present program points or services clearly.

Buttons link visitors to the registration form, another subpage of your event, or an external URL. You choose the style (filled, outlined, transparent), the size, and the alignment. Multiple buttons can be arranged side by side.

Images, Gallery & Video

Single image : An image with an optional title and description. You choose the display width (one-third, half, three-quarters, or full width), the aspect ratio, and the image position within the frame. You can either upload images or search directly for royalty-free stock photos using the integrated Pexels search —millions of professional images, all without leaving the editor.

Image gallery : Multiple images displayed in a single grid. Three layout options are available: uniform grid, masonry layout (staggered, like Pinterest), or carousel with automatic page turning. The number of columns can be set from two to eight, as can the aspect ratio of the images (square, portrait, landscape).

Video : Embedding of YouTube or Vimeo videos with a preview image. The video only loads when clicked, ensuring the page remains fast. You can set your own preview image and adjust the display size.

Interactive & special elements

Countdown : A live timer that counts down to the event date. Days, hours, minutes, and seconds are updated in real time. The time zone is optionally displayed, so international participants can immediately see when the event starts in their region.

Counter : Animated numbers for statistics and highlights — such as "500 participants", "12 speakers", or "3 stages". The numbers count up as they appear, drawing attention to the event.

FAQ (Accordion) : Frequently asked questions and answers presented as a drop-down list. Visitors can open and close individual entries. FAQ sections automatically receive structured data for search engines and can appear as rich snippets in search results.

Timeline : A chronological list of agenda items with time and description — ideal for daily agendas, multi-day conferences, or project milestones. Each entry can include a title, time, and description.

Map : An embedded Google Maps view that shows the event location directly on the event page. Visitors can zoom in on the map and get directions from their location without leaving the page.

Layout elements

Spacers : An invisible element that creates vertical space between other content. The height is freely adjustable. This allows you to control the rhythm and spacing on the page without having to adjust the spacing in each individual element.

Column Grid : An additional grid element that allows you to create further columns within a column. This enables the creation of complex, multi-layered layouts—for example, a column with three small badges next to a large text column.

Theme bundles and per-section theming

The page editor exposes a theme bundle at the section level: each preset can use the page-wide brand theme, or override it with its own coordinated background, text, and accent colors. Combined with section-level background layers (color, image, video, motion effect), you can create high-contrast hero sections, soft editorial passages, and bold CTAs without touching individual style settings.

The same preset library powers the AI page generator: when the AI creates a landing page from your event description, it selects the most suitable presets per category and fills their slots with relevant content. See AI Features for the full flow.

Browse the preset library

The preset gallery shows the entire library of 96 section presets across 11 categories. Each preset is rendered with realistic content so you can see exactly what's possible — hero variations, ticket grids, gallery layouts, timeline styles, FAQ formats, countdown blocks, maps, and more.

When the AI assistant creates a landing page for you, it picks from this same library — so anything you see in the gallery is something the AI can generate, and anything the AI generates you can swap or restyle yourself.

Multiple pages per event

An event isn't limited to a single landing page. In the studio, you can create as many subpages as you like—for example, a "Speaker" page, a "Location" page, or a "Program" page. All pages share the same design (colors, fonts, logo) and are accessible via the event page's navigation menu. The main landing page is linked to the registration form.

Corporate Design

In the studio's design section, you define the visual appearance. These settings apply to all pages, emails , and PDF tickets for the event.

color palette

You define a primary and accent color, as well as background and text colors. These colors control buttons, links, headings, and backgrounds throughout the entire event. Optionally, you can upload a logo or image and have the dominant colors automatically extracted from it—Quick Event will then suggest a suitable palette.

Writings

Over 1,900 Google Fonts are available. You choose one font each for headings and body text. If your brand uses its own font, upload the font files (WOFF2 or TTF) — they will then be applied to all pages, just like Google Fonts.

Logo & Favicon

Your logo will appear in the header of the event page. PNG, SVG, and JPEG files are supported. The display size automatically adjusts to different screen sizes but can also be adjusted manually. Additionally, you can upload a favicon that will appear in the browser tab and bookmarks, giving your event page a professional and recognizable look.

Dark Mode

Each event page can be displayed in light or dark mode—the setting is configured per event. In dark mode, background and text colors are automatically adjusted so that all content is easily readable even on a dark background. Custom text colors are intelligently adjusted: If a color is too dark for the dark background, it is automatically lightened. You don't need to define separate color values for dark mode.

Responsive Design

All pages are automatically optimized for desktop, tablet, and smartphone. Columns stack on top of each other on small screens, font sizes scale proportionally, and images are delivered as WebP files with lazy loading. You only maintain one version—Quick Event automatically adjusts the layout.

SEO optimization

Quick Event automatically generates meta tags (title, description, Open Graph) from your event data. Schema.org event markup provides search engines with structured information about date, location, and price. FAQ sections receive their own FAQ schema and can appear as rich snippets in Google search results. Canonical URLs prevent duplicate content. With your own domain, your pages also benefit from the trustworthiness of your brand.