Skip to main content
Event Page Design gives you an easy way to customize your event page to match your brand. You can adjust colors, update button labels, and modify layout elements to create a clean and consistent experience for your attendees. These settings help you highlight key details—such as ticket options and event information—so attendees can quickly understand what they need and complete their purchase without confusion. Let’s get started 🚀 Step 1: Log in to your Ticket Spot account and click on the Design tab. click-design-tab Step 2: Click on the Event Page tab to open the Event Page design settings. click-design-tab You will be navigated to the Event Page Design page, where you can customize how your event details appear to attendees. dashboard

Event Button Text

Event Button Text section allows you to customize the text displayed on various action buttons across your event page. Updating these labels helps you maintain consistent messaging and ensures attendees clearly understand each event state.
FieldDescriptionExample
Buy Tickets Button TextAppears when tickets are available for purchase. You can customize the main call-to-action shown on the event page.Buy Tickets, Get Tickets, Register Now
Sold Out Button TextDisplayed when all tickets for the event have been sold out. Clearly communicates that no more tickets are available.Sold Out, Fully Booked
Event Ended Button TextShown after the event has concluded. Lets visitors know the event is no longer active.Event Ended, This Event Has Ended
Tickets Unavailable Button TextDisplayed when tickets are not available yet or temporarily paused. Useful for upcoming or restricted events.Tickets Unavailable, Coming Soon
event-btn-text

Date and Time Format

Date and Time Format section allows you to choose how dates and times are displayed on your event page. Adjusting these formats helps ensure the event information matches your preferred style or regional format.
FieldDescriptionExample
Date DisplayControls how the event date appears on your event page. Choose the format that best suits your audience or brand style.27 Nov, 27 Nov 2025, Thu 27th November, Thu 27th Nov 2025
Time DisplayControls how the event time appears. You can choose between 12-hour or 24-hour styles.16:56, 16:56 PM, 4:56 PM
date-time-format

Page Colors

Page Colors section allows you to customize the overall color theme of your event page. You can adjust both the background and text colors to match your brand’s identity and ensure a visually consistent experience.
FieldDescriptionExample
Page Background ColorSets the background color for the entire event page. Choose a color that supports readability and fits your brand style.#FAFAFA
Page Text ColorSets the color for all general text on the event page. Select a color that contrasts well with the page background.#000000
page-colors

About Host Section

About Host section allows you to customize the colors used in the host information area on your event page. Adjusting these settings helps you maintain a consistent visual design and ensure the host details remain easy to read.
FieldDescriptionExample
About Host Background ColorSets the background color for the host information section on the event page. Choose a color that complements your page background and supports readability.#FFF67F
About Host Text ColorSets the text color for all content displayed in the host information section. Use a color that contrasts well with the background.#FFFFFF
about-host-section

Event Page Visibility

Event Page Visibility section allows you to control what information and actions are visible on your event page. You can enable or disable specific elements to create the experience you want attendees to see.
FieldDescription
Hide Share ButtonWhen enabled, the share button will be hidden from the event page, preventing attendees from sharing the event link.
Hide PriceWhen enabled, ticket prices will not be shown on the event page, which is useful for private or invitation-only events.
Show Contact Host ButtonWhen enabled, a “Contact Host” button will appear on the event page, allowing attendees to reach out directly.
Show Attendee ListWhen enabled, the attendee list will be visible on the event page, showing who is attending.
Show Host InformationWhen enabled, the host details section will appear on the event page, giving attendees more context about the organizer.
Show AnnouncementsWhen enabled, event announcements will be displayed, helping you share updates with attendees.
event-page-visibility

Preview Your Customizations

After making changes to your event page design, you can preview how it will appear on different devices. This helps ensure your layout, colors, and text display correctly on both desktop and mobile screens. Desktop Preview: Click the Desktop Preview tab to see how your event page will appear on desktop devices. Mobile Preview: Click the Mobile Preview tab to view how your event page will look on mobile devices. preview
Tip: Use both previews to confirm that your event page design looks clean, readable, and well-structured across all screen sizes before publishing event.