Wix Events: Customizing the Event List Design

9 min read
Display your events with eye-catching designs that entice site visitors to register. Your design options vary depending on whether you choose to display one event or multiple events. 
A screenshot of a list of events.
In this article, learn more about:
Important:
The available customization options depend on your selections in different tabs of the Settings panel. 

Customizing the design for a single event

Customizing your event page helps attendees quickly understand the status, availability, and details of your event, creating a visually appealing and informative experience. From ribbons and other display elements, you can personalize the design to fit your event's needs.
Note:
Currently, customizing the layout for a single event is only available in the Wix Editor.

To customize a design for a single event:

  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
  3. Click the Event List element on your page. 
  4. Click Settings.
  5. Choose what you want to customize:  

Customizing the design for multiple-events

When choosing to display multiple events on a site page, you can customize different design elements. 
For instance, you can choose a calendar layout to present events in a structured and chronological manner, providing visitors with an organized view of upcoming activities.

To customize the design for multiple events:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
    4. Click the Event List element on your page. 
  3. Click Settings.
  4. Choose what you want to customize:
Tip:
Go to the Text tab to edit the default button text for RSVP events, ticketed events, or events that require no registration. 

Customize for mobile

To customize how your event list looks on mobile, click Switch to Mobile at the top of the Editor. There, you can click Wix Events and Settings to access mobile customization options.
Changes you make to the mobile design will not affect desktop.

To customize the design for mobile view:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
    4. Click the Switch to Mobile icon  at the top of the editor.
  3. Click the Event List element on your page. 
  4. Click Settings.
  5. Choose what you want to customize:

Did this help?

|