Designing Your Event Web Page with the Page Design Editor

Modified on Wed, Mar 18 at 9:55 AM

Once your event is created, it's time to customize the event webpage to reflect your brand and attract ticket buyers. Here's how you can effortlessly design your event webpage:

  1. Accessing Template Design and choose Event Template Type:
    • Navigate to Manage Events from the left side event menu and click on Template Design.

  2. Default Template Overview: 
    • You'll see three different Event Template Types to start with. These vary in how ticket selection works:
      • Ticket List – When the ticket buyer clicks "Buy Ticket," a list of all available tickets appears with date and time options.

      • Calendar – Clicking "Buy Ticket" opens a calendar view. Buyers select a date, then tickets for that date are shown.

      • Classic – All event tickets are listed on the event landing page itself. Buyers can select date, time, and add tickets to the cart right there.

    •  Click Select on your preferred template to proceed or you can preview by hovering over the image.
    • Use these to verify that your event page looks correct across all devices before publishing.
  3. Page Design Editor - Overview: Once you open Page Design, you will see a live preview of your event page along with a toolbar at the top. All customization options are available through this toolbar. This editor shows a real-time preview of your event page, allowing you to instantly see how your changes will appear to ticket buyers. All updates are applied visually, without requiring manual layout adjustments.
    • Toolbar includes:

      • Switch Template → Change layout

      • Device Preview (Desktop / Tablet / Mobile) → Preview responsiveness

      • Event Page Styling → Customize colors and theme

      • Event Status Content → Configure messages

      • + Add Component → Add extra content sections

    • At the bottom right:

      • Cancel → Discard changes

      • Save → Publish changes

  4. Switching Templates: Click Switch Template to change your event page layout.  
    • Ticket List – When the ticket buyer clicks "Buy Ticket," a list of all available tickets appears with date and time options.

    • Calendar – Clicking "Buy Ticket" opens a calendar view. Buyers select a date, then tickets for that date are shown.

    • Classic – All event tickets are listed on the event landing page itself. Buyers can select date, time, and add tickets to the cart right there.

  5. Event Page Styling: Click Event Page Styling to customize your page appearance. 
    • Theme Mode

      • Light

      • Dark

    • Colors

      • Primary

      • Secondary

    • Background

      • Color OR Image



      • Note: You can select either a background color or a background image, but not at the same time. 
  6. Adding ComponentsClick the + button to add content blocks to your event page.
    • Components:
      • Single Image

      • Gallery

      • FAQ

      • Video

      • Once added, the component will appear directly in your event page preview, where you can configure its content. 

7Toolbox and ModulesUse the device icons to preview your page 


  • Desktop

  • Tablet

  • Mobile


Always review all three views before saving, as layout and spacing may change across different screen sizes. 


8. Event Status Content: Click Event Status Content ▼ to manage messages.

  • Thank You Page

  • Paused Message

  • Closed Message


Selecting any option will redirect you to the Content Management page, where these messages can be edited. 


9. Saving Your Changes: Click Save (bottom right) to publish changes.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article