Cover Section
Learn how to set up the cover section that forms the first screen of business invitations like conferences, medical, and real estate.
Cover Section
The cover section is the first screen (hero) used across a wide range of business event invitations, including conferences, seminars, medical tourism, and real estate.
What Is the Cover Section?
- General-purpose business hero: Not tied to a specific industry, so it's reused across multiple business categories
- Title + description + CTA: Displays a main title, description text, and two buttons (primary/secondary)
- Stat badges: Add multiple badges that highlight numbers (e.g., "4,700+ patients")
- Responsive background: Set separate background images for mobile (portrait) and desktop (landscape)
Setting It Up
Configure in the Editor
- Add the Cover section from the left panel of the editor
- Configure the following items:
| Setting | Description |
|---|---|
| Brand name | Shown in the top nav (e.g., clinic/brand name) |
| Eyebrow | Small badge text above the title (e.g., location, founding year) |
| Main title | Required, supports line breaks |
| Description | Description text below the title |
| Primary button text | e.g., "Book a Consultation" |
| Secondary button text | e.g., "View Packages" |
| Stat badges | Add multiple value + label pairs |
| Background image | Common / Mobile (portrait 9:16) / Desktop (landscape 16:9) |
You only need to enter the button text — the viewer automatically links the click destination (such as RSVP).
Stat Badge Examples
Use stat badges when you want to build trust with numbers.
- Medical tourism: "4,700+ procedures performed" / "98% patient satisfaction"
- Real estate: "512 units" / "87% sold"
- Conference: "1,200+ attendees" / "40 speakers"
Each badge's order can be changed using the up/down move buttons.
Background Images
- Common background: The default image used when mobile/desktop images aren't set separately
- Mobile background: Portrait 9:16 ratio recommended; falls back to the common background if not set
- Desktop background: Landscape 16:9 ratio recommended; falls back to the common background if not set
If the visible area differs significantly between mobile and desktop, it's best to set the two backgrounds separately.
Text Style
- You can adjust text color (white by default), alignment, and title size directly
- Leaving a value empty applies the layout's default style
- You can also adjust the vertical position of the text block (top/center/bottom)
Depending on the layout, alignment/position options may not be visible (some layouts use a fixed presentation).
Need Help?
If you have any questions about setting up the cover section, please reach out via Contact Support!