Get Started

How to Design and Customize Your Event Widget

Learn how to design and customize your event widget on TicketSpot. Adjust display settings, text, layout, filters, and more to match your brand and website perfectly.

Step by Step Guide

Customizing the TicketSpot widget allows you to create a seamless and visually appealing event booking experience. Follow these steps to personalize the widget to match your website.

  1. Click on Design Widget:
    • Navigate to the widget design section.
  2. Customize Display Settings:
    • Change the event time and date format.
    • Choose how many events to display and how much of the description to show.
    • Configure visible components like venue name, logo, promo code, and ticket availability.
  3. Edit Text:
    • Customize all text elements, including checkout labels, form labels, and widget headers.
    • Localize the text to your preferred language.
  4. Select Layout:
    • Choose from various layouts and styles for desktop and mobile views.
    • Options include list, column, checkout only, and more.
  5. Apply Filters:
    • Use filters to display a subset of events based on location, tags, or event type (e.g., virtual).
  6. Enable User Search Filters:
    • Add a search bar and enable filters like month, week, category, tags, and location.
  7. Design Customization:
    • Adjust colors, fonts, and other design elements to match your brand.
    • Use predefined templates for quick and professional-looking results.
  8. Publish Your Widget:
    • Ensure to publish the widget to apply changes to your live site.