Help Center
    Help Center
  1. Managing your business
  2. Business solutions & apps
  3. Wix Online Programs
  4. Customizing Online Programs
    5. Online Programs: Customizing Your Program List

Online Programs: Customizing Your Program List

13 min read
The Program List showcases previews of all your programs where visitors click to view their full details. You can decide how you want to categorize programs, adjust displayed details, or personalize layout and design.
Tip:
In this article, learn more about: 

Organizing the Program List by category

You can organize the programs on your list by category to make it easy for visitors to find what interests them. This encourages visitors to explore and join new programs, while growing your participant list.
Before you begin:
Make sure you create the categories (from your site's dashboard) and assign them to your programs.
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Customize the categories and the programs in them using the available tabs:
A screenshot of categories displayed on a live site of the Wix Editor.

Choosing which details to display on the Program List

Choose which info to show in each card in your Program List. You can show or hide the Program List title and details about each program like the cover image, duration, participants and price. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Display tab.
  8. Choose which details you want to display:
    • List Details: Enable the toggle to show the title on the Program List. 
      Note: You can edit the default "Programs" title from the Text tab. 
    • Program Details: Click the checkbox next to each detail you want to show on the list:
      • Image: Show the program cover image. 
      • Duration: Show the duration of your program (e.g. 18 days).
      • Participants: Show the number of participants in the program.
      • Price: Show the price of each program. 
A screenshot of the Display tab on the Program List in the Wix Editor.

Choosing a layout for the Program List

The Program List arranges your programs in cards in the layout you prefer. You can display the programs in a grid or stack them vertically on the page. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Layout tab.
  8. Choose a layout and set it up: 
A screenshot of the Layout tab on the Program List in the Wix Editor.

Designing the Program List

Design the look of the Program List including its background, dividers, text style, buttons, badges, and categories. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Design tab.
  8. Choose what you want to customize:
A screenshot of the Design tab on the Program List in the Wix Editor.
Tip:
Click Reset to Original Design at the bottom of the panel to restore the default design settings. 

Editing text on the Program List

Edit the text on the Program List to match your voice and tone. For example, you can change the title that appears at the top of the list and the button visitors click to learn more about a program. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Program Pages.
  4. Click your Program List page.
  5. Click the Program List element on your page.
  6. Click Settings.
  7. Click the Text tab.
  8. Click the relevant fields to update the text:
    • List title: Edit the title that displays at the top of the list.
    • Button Text for Visitors: Edit the text that displays on the button that visitors click to join a program.
    • Button Text for Participants: Edit the text that displays on the button that participants can click to view details about the program they've joined. 
    • Participant: Edit the label text that displays for participants that have joined. 
    • Request Pending: Edit the label text that displays for participants that have a pending request to join a program. 
    • Program Completed: Edit the label text that displays for participants that have completed a program.
A screenshot of the Text tab on the Program List in the Wix Editor.

FAQs

Click a question below to learn more.

Did this help?

|

In This Article

  • Organizing the Program List by category
  • Choosing which details to display on the Program List
  • Choosing a layout for the Program List
  • Designing the Program List
  • Editing text on the Program List
  • FAQs

Related Content

Online Programs: Customizing Your Program Pages
Online Programs: Adding and Setting Up Online Programs
Online Programs: Reordering and Hiding Your Programs from the Program List

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched