> For the complete documentation index, see [llms.txt](https://docs.paybee.io/home/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.paybee.io/home/events/creating-an-event-landing-page.md).

# Creating An Event Landing Page

Go to Manage > Events > select your event > Event Page tab.

When you create an event in PayBee, an event page is automatically created for you. Use the **Event Page** editor to customize the page and create a branded landing page for your event.

You can add and arrange sections, customize colors and themes, add registration and secondary buttons, and preview your page as you build it. The editor also lets you see how your event page will look on desktop, tablet, and mobile devices.

To see a sample event page please visit [this event page.](https://paybee.net/hybrid-event/ta/1)

The following information is available on this page:

* [Event Page Settings](#event-page-settings)
* [Open the Event Page Editor](#open-the-event-page-editor)
* [Using the Event Page Editor](#using-the-event-page-editor)
* [Registration and Header Buttons](#registration-and-header-buttons)
* [Adding and Managing Sections](#adding-and-managing-sections)
* [Customizing Event Page Theme](#customizing-event-page-theme)
* [Previewing Your Event Page](#previewing-your-event-page)
* [Sharing Event Page](#sharing-event-page)
* [Sending Event Page Invitations](#sending-event-page-invitations)

## Event Page Settings

Your event page includes a **header** and one or more **content sections**.

The header can include:

* Event name
* Event description
* Event date and time
* Event venue
* Registration buttons linked to your PayBee ticketing campaigns
* An optional secondary button linked to another PayBee campaign or an external website

Below the header, you can add and arrange different types of content sections, including:

* Text
* FAQ
* Slides
* Campaign
* Silent Auction
* Live Auction Preview
* Video with or without a description
* Sponsor Group

You can use the Event Page editor to add, remove, reorder, and customize these sections. Changes are displayed live in the editor as you make them.

## Open the Event Page Editor

To open the event page editor:

1. Go to **Manage > Events**.
2. Select the event you want to edit.
3. Open the **Event Page** tab.

The event page editor opens with a live preview of your page. As you make changes, you can see them reflected immediately in the editor.

**General Settings**

From the General Settings of your Event page you can set your Page Theme from a predetermined theme choice, create a custom theme from your current choice or Create a New Theme from scratch. For more information about [updating an event page theme please click here.](#customizing-event-page-theme)

You can also choose to display sponsors on the event page or not, to hide the predetermine event date and time and display your own by entering it in the Date Time Label box, or to hide the share buttons on the event page to prevent donors from sharing the event page on their own social media post.

**Header Settings**

From the Header Settings of your Event page you can add your event image as the header image, add if you would like a Header Title or Header Description to give a brief summary of the event and choose the Header Layout which best suits your needs. The Header cannot be removed from the event page.

The Header Layouts we have to choose from are:

* Default - Image in the Background
* Postcard - Image on the Left
* Business Card - Image on the Right
* Minimal - Smaller Image on the Right (Description Off Screen)
* Flyer - Image Below (Description Off Screen)

**Progress Bar**

You can add a progress bar to the header section to be displayed to donors on the event page and customize it to match your branding.&#x20;

* **Show Progress Bar** - Select this if you want to display a progress bar on the header section and add your starting amount and or goal amount and choose which campaigns will be linked to the progress bar to automatically update when purchases are added or made.
* **Enable custom progress icon or bar animations** - Select this to include a progress icon and animate either the icon on the progress bar when progress is made. No animations or icons are applied by default.
  * **Bar Animation** - Choose between a Shimmer, Moving Stripes or No Animation
  * **Progress Icon** -  Choose between a predetermined set of icons or add your own image to become the icon
  * **Progress Icon Animation** - Choose between a Pulse, Float, Wobble or No Animation
  * **Colors** - You are able to customize the progress Color and Background Color for the progress bar on your event page if you have a custom theme and where to update this is available in the Header section.

**Registration Buttons**

You can add enable a custom registration button label and add one or more registrations to the page as needed. A good example of this would be in-person registration and registration for virtual events in the case of a hybrid event. In case of a virtual event, you can add an RSVP button, a direct Join Event button and/or any ticket campaign to be added as registration. In case of an in person event you could add the link to your overall event registration ticketing campaign and another to your sponsorship ticketing campaign if you have your sponsorship levels in a separate campaign.

**Sections**

Scroll down to **Sections** and tap on **Add Section**. You can add any of the section types listed above. For campaigns, all the data will directly be picked up from the campaign settings. For the text section, you can format the text using some simple HTML tags described [here](/home/resources/general-campaign-settings/campaign-settings.md#html-formatting).

All changes are automatically saved and you can drag and drop to reorder different sections on the page.&#x20;

## Using the Event Page Editor

The revamped event page editor makes it easier to build and customize your event page. You can add sections using drag and drop, edit individual sections, customize colors, and preview your page across different screen sizes.

#### Add and Arrange Sections

To add a section to your event page:

1. Open the **Event Page** editor.
2. Select the section type you want to add. The Header cannot be removed or moved.
3. Drag the section to the location where you want it to appear.
4. Drop the section into place.

You can drag and drop sections to change their order at any time.

#### Edit a Section

Select a section in the page preview to open its editing options.

Depending on the section type, you can update its content and settings. You can also customize the colors for an individual section without changing the colors of the rest of the page.

Changes are displayed in the page preview as you make them.

#### Preview Different Screen Sizes

Use the device preview options in the editor to see how your event page will appear on:

* **Desktop**
* **Tablet**
* **Mobile**

Use these previews to check your page layout and make sure your content looks good across different screen sizes.

## Registration and Header Buttons

Your event page header can include one or more registration buttons that link directly to your PayBee ticketing campaigns.

You can use multiple registration buttons when you have different ways for guests to participate. For example, you could provide separate registration options for an in-person and virtual event.

#### Add a Secondary Button

You can also add a secondary button to the header. This button can link to:

* An existing PayBee campaign
* An external website

For example, you could use the secondary button to link to a donation campaign, your organization's website, an event information page, or another resource for your guests.

Configure the button's label and destination from the header settings in the event page editor.

## Adding and Managing Sections

Your event page can contain multiple sections to help you organize information and content for your guests.

To add a section, choose the section type you want to add in the event page editor and drag it into the page. You can then select the section to edit its content and settings.

Available section types include:

* **Text** - Add formatted text and event information.
* **FAQ** - Add frequently asked questions and answers.
* **Slides** - Display a series of images or content.
* **Campaign** - Display information and a link for a PayBee campaign.
* **Silent Auction** - Highlight your silent auction.
* **Live Auction Preview** - Preview your live auction.
* **Video** - Embed a video with an optional title and description. In this guide, we walk you through [adding a video to an Event Page. ](/home/events/creating-an-event-landing-page/adding-a-video-to-an-event-page.md)
* **Sponsor Group** - Display a list of sponsor logos associated with this event and optionally add sponsor names and tag sponsor links.

You can drag and drop sections to change their order on the page.

When you select a section, you can also customize its appearance, including the colors used for that section.

## Customizing Event Page Theme

### Customizing the Event Page Theme

You can customize the appearance of your entire event page using a system theme, create your own theme, or generate a theme based on your website.

#### Apply a System Theme

To quickly update the appearance of your event page, choose one of the available system themes.

The selected theme applies its colors and styling across your event page.

#### Create a Custom Theme

You can create a custom theme by selecting the colors you want to use throughout your event page.

Choose the appropriate colors using the color picker or enter a specific hex color code. You can use your organization's brand colors to create a consistent look and feel.

#### Generate a Theme From Your Website

You can also generate a custom theme based on your organization's website.

Enter your website URL in the event page editor, and PayBee will generate a theme based on the colors used on your website. You can then review and customize the generated theme before applying it to your event page.

#### Customize an Individual Section

If you want to customize only part of your event page, select the section you want to change and update its colors independently of the page-wide theme.

This allows you to highlight specific sections while keeping the overall page design consistent.

#### Preview Your Theme

As you customize your theme, changes are displayed immediately in the event page preview. Use the desktop, tablet, and mobile previews to see how your theme looks across different screen sizes.

## Previewing Your Event Page

The event page editor provides a live preview as you make changes, so you can see how your page will look before sharing it with your guests.

Use the device preview options to check your page on **desktop, tablet, and mobile** screen sizes.

Review the page after making changes to confirm that your content, sections, buttons, and colors appear as expected.

<div align="center"><figure><img src="https://2556307568-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVbQYaTpoeLV6eAXrTw%2Fuploads%2F8wwq41nZqZpXQv20dcCY%2FScreenshot%202026-09-07%20at%2011.09.12%E2%80%AFAM.png?alt=media&amp;token=f5471404-9fee-472e-8ec1-83db8044d5f9" alt="" width="347"><figcaption><p>Desktop, Tablet and Mobile preview buttons seen above</p></figcaption></figure></div>

## Sharing Event Page

To share your Event page go to **Manage> Events** and select show event links under your event. You will be able to copy the link to your Event Page and download the QR code to your Event Page. You can also embed the event page on your website by using the **\</>** button as seen in the image below.

<figure><img src="https://2556307568-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVbQYaTpoeLV6eAXrTw%2Fuploads%2FLbWIAWC0MS0H54uN4LWg%2FScreenshot%202026-09-07%20at%2011.06.42%E2%80%AFAM.png?alt=media&amp;token=89e944f6-3c44-4ed8-9f56-acf88b386466" alt=""><figcaption></figcaption></figure>

## Sending Event Page Invitations

If you'd like to send event page invitations via email instead of sharing the link, go to **Manage> Events** and tap on the **Send Invitations ->** button on the right side and then select **Send Event Page Invitation**. You can then drag and drop an Excel sheet with a list of all your invitees or add invitees one by one manually by entering their information into the dialog. To see a [sample of this email](/home/resources/sample-paybee-emails.md#event-page-invitation-emails), please click here.&#x20;

To track to who opened the emails, which emails bounced etc., go to **Manage> Events** > ... button > In Person Event Report > Event Page Invitations tab.
