> 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 > Landing Pages and click your event's page, or 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) * [Archiving An Event Page](#archiving-an-event-page) ## Event Page Settings Your event page includes a header, one or more content sections, and a footer. 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 * Image with or without a description * Sponsor Group The footer includes your organization's information (Org Info) and the bar at the bottom of the page. You can use the editor to add, remove, reorder, and customize sections. Changes are displayed live in the editor as you make them. The header and footer can't be removed or moved. ## Open the Event Page Editor You can open the editor in two ways: * Go to **Manage > Landing Pages** and click your event's page. * Go to **Manage > Events**, select your event, and open the **Event Page** tab. The editor opens with a live preview of your page. As you make changes, you can see them reflected immediately. The editor has four areas: * **Top bar:** your page name and URL, with buttons to copy the link, edit the URL, and get the embed code (**\**). The device buttons on the right switch the preview between desktop, tablet, and mobile. * **Page Structure (left):** every part of your page, in order: the **Header** (Hero), your **Sections**, and the **Footer** (Org Info and Footer). Select a part to edit it. * **Preview (center):** a live view of your page. The part you're editing is outlined. * **Settings panel (right):** the settings for the part you selected, plus a **Themes** tab. **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. * **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. ## 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) * **Image** - Add an image with a title and optional description. * **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. You can also see the live page as your guests will, go to **Manage > Landing Pages** and click **View** on your event page's card.

Desktop, Tablet and Mobile preview buttons seen above

## 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. Alternatively, go to **Manage > Landing Pages** and click **Share** on your event page's card. On the **Share link** tab you can: * **Copy the link:** click **Copy link**, or click **Open** to view the page in a new tab. * **Share on social media:** click **Post on X** or **Share on Facebook**. * **Download the QR code:** choose a size (**Small**, **Medium**, or **Large**) and click **Download QR code**. Add it to flyers, posters, and table cards so guests can scan straight to your page. You can also find your event page's link in **Manage > Events**: click the **Links** button for your event. **Customize your page URL.** Your event page gets a default URL, shown at the top of the editor under the page name. To change it, click the pencil button next to it. To copy it, click the copy button. **Embed your event page.** To embed the page on your website, click the **\** button next to the page URL at the top of the editor, then copy the embed code into your website.
## Sending Event Page Invitations If you'd like to email event page invitations instead of sharing the link, go to **Manage > Landing Pages** and either click **Share** on your event page's card and choose the **Send invitations** tab, or click **⋯** on the card and choose **Send Invitations**. You can also go to **Manage > Events**, click **⋯** next to your event, and choose **Send invitations**. Then choose how you want to add recipients: * **Invite Manually:** enter each person's name and email address. Click **+** to add more rows, or **×** to remove one. * **Upload Excel (Bulk):** upload an Excel file with two columns, **Full Name** and **Email**. The first row must be the header row with those column names, and each row below it is one person. Click **Send Invitations** to send them. To see a [sample of this email](/home/resources/sample-paybee-emails.md#event-page-invitation-emails), please click here. To track to who opened the emails, which emails bounced etc., go to **Manage> Events** > ... button > In Person Event Report > Event Page Invitations tab. ## Archiving an Event Page Your event page is archived automatically when you deactivate its event. An archived page goes offline, and anyone who opens its link sees **This page is unavailable.** It moves to the **Archived** tab in **Manage > Landing Pages**. To restore an event page, activate its event: go to **Manage > Events**, click **⋯** on the deactivated event, and choose **Activate**. The event page is restored automatically. Event pages can't be archived, restored, or renamed from Landing Pages, because they belong to their event. To rename an event page, rename its event.