Wix Online Programs: Customizing Your Program Pages

• Select the categories you want to display on your program list.

• Drag and drop the categories in the order you want them to appear.

Note: Can't see the Categories tab? Go to your site's dashboard to create categories and assign them to your programs.

• Select the checkbox next to a program to display it on the list.

• Drag and drop programs in the order you want them to appear.

• Click Add a Program to create a new program in your site's dashboard.

• Enable the toggle next to the details you want to show on the program list:

  • List Details: Show the title on the program list. You can edit the default "Programs" title from the Text tab.

  • Program Details:

    • 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.

• Choose between a Grid or Side by side alignment:

  • Grid: Displays your programs in rows and columns.

  • Side by side: Displays your programs in a vertical stack.

• Customize the layout according to your preferences.

Choose what you want to design:

• Background & dividers: Design the app background and the card background.

• Text: Style text elements like program name, participants, duration, and price.

• Buttons & badges:

  • Buttons: Adjust the Default and Hover states of your buttons.

  • Badges: Design the label. You can customize the text in the Text tab.

• Categories: Customize the Default and Selected states for your categories.

Note: Click Reset to Original Design at the bottom of the panel to undo the changes.

Click the relevant fields to update the text:

• List title: Edit the title that displays at the top of the list.

• Buttons: Edit the text that displays on buttons.

• Labels: Edit the text that displays on labels.

• Select the categories you want to display on your program list.

• Drag and drop categories in the order you want them to appear.

Note: Can't see the Categories tab? Go to your site's dashboard to create categories and assign them to your programs.

• Select the box next to a program to display it on the list.

• Drag and drop programs in the order you want them to appear.

• Click Add a Program to create a new program in your site's dashboard.

Enable the toggle next to the details you want to show for your program list:

• List Details: Show the title on the program list. You can edit the default "Programs" title from the Text tab.

• Program Details:

  • 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.

• Select between a Grid or Side by side layout:

  • Grid: Displays your programs in rows and columns.

  • Side by side: Displays your programs in a vertical stack.

• Customize the layout according to your preferences.

Select elements to design:

• Background & dividers: Design the app background and the card background.

• Text Style: Style text elements like program name, participants, duration, and price.

• Buttons & badges:

  • Buttons: Adjust the Default and Hover states of your buttons.

  • Badges: Display the label text you can customize in the Text tab.

• Categories: Customize the Default and Selected states for your categories.

Note: Click Reset to Original Design at the bottom of the panel to undo the changes.

Click the relevant fields to update the text:

• List title: Edit the title that displays at the top of the list.

• Buttons: Edit the text that displays on buttons.

• Labels: Edit the text that displays on labels.

• Select the categories you want to display on your program list.

• Drag and drop the categories in the order you want them to appear.

Note: Can't see the Categories tab? Go to your site's dashboard to create categories and assign them to your programs.

• Select the checkbox next to a program to display it on the list.

• Drag and drop programs in the order you want them to appear.

• Click Add a Program to create a new program in your site's dashboard.

Enable the toggle next to the details you want to show on the program list:

• List Details: Show the title on the program list. You can edit the default "Programs" title from the Text tab.

• Program Details:

  • 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.

• Choose between a Grid or Side by side alignment:

  • Grid: Displays your programs in rows and columns.

  • Side by side: Displays your programs in a vertical stack.

• Customize the layout according to your preferences.

Choose what you want to design:

• Background & dividers: Design the app background and the card background.

• Text: Style text elements like program name, participants, duration, and price.

• Buttons & badges:

  • Buttons: Adjust the Default and Hover states of your buttons.

  • Badges: Design the label. You can customize the text in the Text tab.

• Categories: Customize the Default and Selected states for your categories.

Note: Click Reset to Original Design at the bottom of the panel to undo the changes.

Click the relevant fields to update the text:

• List title: Edit the title that displays at the top of the list.

• Buttons: Edit the text that displays on buttons.

• Labels: Edit the text that displays on labels.

Enable the toggles next to the details you want to show on your Participant Page:

• Show Overview: Include an overview of your program's content and steps.

• Steps: The number of steps in the program.

• Participants: The number of participants in the program.

  Note: The number of participants is displayed once there are participants in the program.

• Group discussion: The group you connected to the program.

• Rewards: Any certificates or badges you've added as program rewards.

• Allow social sharing: Allow visitors to share the page on social networks.

• Show View on the App: Tell participants they can join programs via the Spaces by Wix app.

Choose a layout and customize it based on your preferences: Change the sidebar and text alignment, spaces between sections, and more.

Choose what you want to customize:

• Background & dividers: Customize the color and opacity of the page background and the dividers.

• Text: Customize the color, font and style of text on the page (e.g. program name, section name, step name).

• Buttons & links: Design the buttons that appear on the page. You can create a different look for when people hover over the buttons.

• Video: Customize the player appearance for your uploaded videos. Change the overlay opacity and color, and the play icon color.

Tip: Click Reset to Original Design at the bottom of the Design panel to restore the default design settings.

Edit the text of the Complete Step, Undo Step, Next Step and Previous Step buttons.

Enable the toggles next to the details you want to show on the page:

• Show Overview: Include an overview of your program's content and steps.

• Steps: The number of steps in the program.

• Participants: The number of participants in the program.

  Note: The number of participants is displayed once there are participants in the program.

• Group discussion: The group you connected to the program.

• Rewards: Any certificates or badges you've added as program rewards.

• Allow social sharing: Allow visitors to share the program page on social networks.

• Show View on the App: Tell participants they can join programs via the Spaces by Wix app.

Choose a layout and customize it based on your preferences: Change the sidebar and text alignment, spaces between sections, and more.

Choose what you want to customize:

• Background & dividers: Customize the color and opacity of the page background and the dividers.

• Text: Customize the color, font, and style of text on the page (e.g. program name, section name, step name).

• Buttons & links: Design the buttons that appear on the page. You can create a different look for when people hover over the buttons.

• Video: Customize the player appearance for your uploaded videos. Change the overlay opacity and color, and the play icon color.

Tip: Click Reset to Original Design at the bottom of the Design panel to restore the default design settings.

Edit the text of the Complete Step and Next Step buttons.

Enable the toggles next to the details you want to show on your Participant Page:

• Show Overview: Include an overview of your program's content and steps.

• Steps: The number of steps in the program.

• Participants: The number of participants in the program.

  Note: The number of participants is displayed once there are participants in the program.

• Group discussion: The group you connected to the program.

• Rewards: Any certificates or badges you've added as program rewards.

• Instructors: Show the instructors you've assigned to lead the program.

• Allow social sharing: Allow visitors to share the page on social networks.

• Show View on the App: Tell participants they can join programs via the Spaces by Wix app.

Choose a layout and customize it based on your preferences: Change the sidebar and text alignment, spaces between sections, and more.

Choose what you want to customize:

• Background & dividers: Customize the color and opacity of the page background and the dividers.

• Text: Customize the color, font and style of text on the page (e.g. program name, section name, step name).

• Buttons & links: Design the buttons that appear on the page. You can create a different look for when people hover over the buttons.

• Video: Customize the player appearance for your uploaded videos. Change the overlay opacity and color, and the play icon color.

Tip: Click Reset to Original Design at the bottom of the Design panel to restore the default design settings.

Edit the text of the Complete Step, Undo Step, Next Step and Previous Step buttons.

• Enable the toggles next to the details you want to show in the Header:

  • Image: The program cover image.

  • Duration: The duration of the program (e.g. 18 days).

  • Step: The number of steps in the program.

  • Participants: The number of participants in the program.

    Note: The number of participants is not displayed on the page if there are no people in the program.

  • Rewards: The certificates and / or badges people will earn when they complete the program.

  • Join Button: A button that allows people to join the program.

    Tip: By default, an additional "Join" button always appears at the bottom of the page.

• Enable the toggles next to the details you want to show in under Program info:

  • Instructors: Include the name of the program instructor.

  • Content overview: Include an overview of your program's content and steps.

  • Price section for free programs: If your program is free of charge, you can show "Free" under "Price" to encourage visitors to join.

  • Allow social sharing: Allow visitors to share the Program page on social networks.

  • Join via the App: Include a sentence inviting site visitors to join your program via the Wix member apps.

Select what you want to customize:

• Header: Choose a single or two-column layout, image position, and adjustments to fit your site design.

• Body: Choose a single or two-column layout and adjust it to your preferences.

The options vary, depending on the layout you selected. Choose what you want to do.

• Reorder sections: Drag and drop items on the list to organize them.

• Change display settings: Place your cursor over the section title and click the Arrow icon

  

  .

  • Choose the column to display the section.

  • Click the Show title toggle to show or hide it.

  • Change the section title.

  • Click the Show join button toggle to show or hide it.

• In the Overview section you can also adjust the following settings:

  • Box padding: Adjust the padding around the information box in your program's overview.

  • Steps shown: Enter the number of steps you want to display.

  • Load all steps button: Enter text for the button that prompts users to view all program steps.

• In the Instructor section: Adjust the Image shape for your instructor's photo: Square or Round.

• If you connected a group to your program, you can edit the Group Discussion section which shows a snippet of the discussion.

Choose what you want to customize:

• Background & dividers: Customize the color and opacity of the page background and the dividers.

• Text: Customize the color, font, and style of text on the page (e.g. program name, section name, step name).

• Buttons & links: Design the buttons that appear on the page. You can create a different look for when people hover over the buttons.

• Video: Customize the player appearance for your uploaded videos. Change the overlay opacity and color, and the play icon color.

• Overview: Customize your program's overview section. You can design the background, border, dividers, and text in this section.

Tip: Click Reset to Original Design at the bottom of the Design panel to restore the default design settings.

Change the default text for the Join button and the Request to Join button.

• Enable the toggles next to the details you want to show in the Header:

  • Image: The program cover image.

  • Duration: The duration of the program (e.g. 18 days).

  • Step: The number of steps in the program.

  • Participants: The number of participants in the program. Note: The number of participants is not displayed on the page if there are no people in the program.

  • Rewards: The certificates and / or badges people will earn when they complete the program.

  • Join Button: A button that allows people to join the program.

    Tip: By default, an additional "Join" button always appears at the bottom of the page.

• Enable the toggles next to the details you want to show in under Program info:

  • Instructors: Include the name of the program instructor.

  • Content overview: Include an overview of your program's content and steps.

  • Price section for free programs: If your program is free of charge, you can show "Free" under "Price" to encourage visitors to join.

  • Allow social sharing: Allow visitors to share the page on social networks.

  • Join via the App: Include a sentence inviting site visitors to join your program via the Wix member apps.

Select what you want to customize:

• Header: Choose a single or two-column layout, image position, and adjustments to fit your site design.

• Body: Choose a single or two-column layout and adjust it to your preferences.

The options vary, depending on the layout you selected. Choose what you want to do.

• Reorder sections: Drag and drop items on the list to organize them.

• Change display settings: Place your cursor over the section title and click the Arrow icon

  

  :

  • Choose the column to display the section.

  • Click the Show title toggle to show or hide it.

  • Change the section title.

  • Click the Show join button toggle to show or hide it.

Choose what you want to customize:

• Background & dividers: Customize the color and opacity of the page background and the dividers.

• Text: Customize the color, font, and style of text on the page (e.g. program name, section name, step name).

• Buttons & links: Design the buttons that appear on the page. You can create a different look for when people hover over the buttons.

• Video: Customize the player appearance for your uploaded videos. Change the overlay opacity and color, and the play icon color.

• Overview: Customize your program's overview section. You can design the background, border, dividers, and text in this section.

Tip: Click Reset to Original Design at the bottom of the Design panel to restore the default design settings.

Change the default text for the Join button and the Request to Join button.

• Enable the toggles next to the details you want to show in the Header:

  • Image: The program cover image.

  • Duration: The duration of the program (e.g. 18 days).

  • Step: The number of steps in the program.

  • Participants: The number of participants in the program.

    Note: The number of participants is not displayed on the page if there are no people in the program.

  • Rewards: The certificates and / or badges people will earn when they complete the program.

  • Join Button: A button that allows people to join the program.

    Tip: By default, an additional "Join" button always appears at the bottom of the page.

• Enable the toggles next to the details you want to show in under Program info:

  • Instructors: Include the name of the program instructor.

  • Content overview: Include an overview of your program's content and steps.

  • Price section for free programs: If your program is free of charge, you can show "Free" under "Price" to encourage visitors to join.

  • Allow social sharing: Allow visitors to share the Program page on social networks.

  • Join via the App: Include a sentence inviting site visitors to join your program via the Wix member apps.

Select what you want to customize:

• Header: Choose a single or two-column layout, image position, and adjustments to fit your site design.

• Body: Choose a single or two-column layout and adjust it to your preferences.

The options vary, depending on the layout you selected. Choose what you want to do:

• Reorder sections: Drag and drop items on the list to organize them.

• Change display settings: Hover over a section title and click the Arrow icon

  

  .

  • Choose the column to display the section.

  • Click the Show title toggle to show or hide it.

  • Change the section title.

  • Click the Show join button toggle to show or hide it.

In the Overview section you can also adjust the following settings:

• Box padding: Adjust the padding around the information box in your program's overview.

• Steps shown: Enter the number of steps you want to display.

• Load all steps button: Enter text for the button that prompts users to view all program steps.

In the Instructor section: Adjust the Image shape for your instructor's photo: Square or Round.

Tip: If you connected a group to your program, you can edit the Group Discussion section which shows a snippet of the discussion.

Choose what you want to customize:

• Background & dividers: Customize the color and opacity of the page background and the dividers.

• Text: Customize the color, font, and style of text on the page (e.g. program name, section name, step name).

• Buttons & links: Design the buttons that appear on the page. You can create a different look for when people hover over the buttons.

• Video: Customize the player appearance for your uploaded videos. Change the overlay opacity and color, and the play icon color.

• Overview: Customize your program's overview section. You can design the background, border, dividers, and text in this section.

Tip: Click Reset to Original Design at the bottom of the Design panel to restore the default design settings.

Change the default text for the Join button and the Request to Join button.

While you can manage many customization aspects using the Wix app, some specific per-page customization features may be limited. For more detailed customization, use the Wix Editor on desktop.

However, you can use the Wix app to customize your mobile apps.

To edit the program details in the Wix app:

1. Go to your site in the Wix app.

2. Tap Manage

   

   at the bottom.

3. Tap Online Programs.

4. Tap the More Actions icon

   

   next to the relevant program.

5. Tap Edit.

Ensure potential participants get all the info they need with the following best practices:

• Program Overview: Provide a concise summary of what the program entails, including its main objectives and benefits.

• Price: Clearly state the cost of the program to avoid any confusion or surprises.

• Program Length: Indicate the duration of the program in terms of weeks, months, or total hours, so visitors can gauge the time commitment required.

• Instructor Information: Include details about the instructor(s) such as their qualifications, experience, and teaching style to build trust and credibility.

• Schedule: Offer a breakdown of the program schedule, like the start date and key milestones.

No, you cannot customize the settings for each program individually. Any changes made will apply to all programs with a unified design.

When a program is public and set to 'single payment', you can send site visitors straight to the program’s payment page.

1. Go to your site's editor.

2. Click on the relevant button in your editor.

3. Click Link.

4. Select Page.

5. Select Payment Page under Which page?

6. Select the relevant program under Which item?

7. Click Done.

8. Publish your site.

No, it’s not possible to edit the "Thanks for Joining" text or customize the screen that participants see when they purchase a program.