Designing Your Event Web Page with Template Design

Modified on Tue, Aug 13 at 2:32 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:
    • Navigate to Manage Events from the left side event menu and click on Template Design.
    • The Event Webpage Design interface will open with all the necessary tools to personalize your event webpage according to your brand and website aesthetics. 

  2. Default Template Overview: 
    • By default, the system generates a theme based on your selected category that includes essential blocks such as a hero banner, event title, social media links, event description, event time and location, event calendar, image gallery, FAQs, organization details, map, etc.

  3. Editing Blocks:
    • Hover over any block to reveal options for edit, move, and delete.
    • Customize each block to suit your needs and brand identity directly within the template.
  4. Customizing Hero Banner:
    • Add your banner image, event title, and social media links by hovering over the hero banner and clicking the edit icon.
    • Recommended banner image size: 1400px by 350px, or maintain a 4:1 aspect ratio for optimal display with fill size less than 3 MB in JPEG or PNG format.
    • You can also keep a YouTube/Vimeo video as a top banner of your event ticketing webpage.
    • By default, the system will display the uploaded image on all screens: Desktop, iPad, and Mobile.

    • If you prefer to use different images for each screen, disable the "Apply to all screens" option. Then, select each screen individually from the top menu and upload the desired image.
    • Use the right-side menu to modify the banner image position, its dimensions, and make other necessary tweaks.
  5. Enhancing Event Details:
    • Edit the event description by hovering over the text block and clicking the edit icon. Once you click on the edit icon, a pop-up will open to modify the content.
    • You can also change the font size, color, alignment, and HTML.
    •  With the Event Gallery module, you can showcase pictures of decor, venue, promotional material, sponsor logos, previous events highlights, etc.
    • Now you can add the FAQs or the common instructions for attendees' convenience in your event webpage.
    • You can apply the background image or color to your event webpage by clicking on the top left "Update Background" button.


Tool Box and Modules:

  • You can explore the Tool Box on the left side for additional modules essential for an event webpage.
  • Add modules by drag-and-drop, ensuring they align with the green dotted line indicating placement.
     


Top Menu Options:

  • View how your webpage appears on different screens (mobile, iPad, desktop) using icons.
  • Customize ticket display options (All Tickets and Calendar) under "Ticket Display".
  • If you would like to change the ticket image that is shown in a circular frame, kindly navigate to the "Tickets & Add-ons" module and select "Additional settings" under each ticket.
  • Browse and apply pre-designed templates via the "Browse Theme" button, previewing and saving your selections under "My Themes".
  • Adjust the primary color scheme and toggle between dark and light themes using the top right toggle button.
  • Preview templates using the eye icon and save your customized template once satisfied with the changes.
  • Always click the save button to preserve changes and ensure the template meets your requirements.
  • Continuously preview adjustments to achieve the desired event webpage design.


Your event webpage design is now ready! Make your event live and engage your audience seamlessly.

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