Wix Mobile Apps: Adding Online Programs Widgets on the Wix Member Apps

1. Click your app's header.

2. Scroll down to Action buttons in the Edit Header panel.

3. (If not already enabled) Enable the Show custom button toggle to display a button with a custom label and action.

4. Set up the button to open Online Programs:

   1. Click the Select action dropdown and select Open screen.

   2. Click the Select screen dropdown and select the relevant Online Programs page.

   3. Enter the text you want to show on the button in the Button text field (e.g. "See Programs").

5. Click Publish at the top right.

1. Click the Screen dropdown at the top and choose the screen you want to edit.

2. Click Elements on the left.

3. Select the Online Programs category in the Add Elements panel.

4. Click the element you want to add:

   • Programs list: Display a list of your programs so visitors can browse and join them.

   • Programs carousel: Showcase your programs in a scrollable carousel layout.

   • Participant programs: Show members the programs they have joined.

5. Customize the element's settings on the right panel of your screen. You can change the element's title, margins, visibility (i.e. iOS, Android or both) and more.

   Note: The details you can edit depend on the element you add.

6. (Optional) Move the element up or down on your screen:

   1. Click the element you just added.

   2. Click the Move Up

      

      or Move Down

      

      icon.

7. Click Publish at the top right.

1. Tap your app's header.

2. Scroll down to Action buttons in the Edit Header panel.

3. (If not already enabled) Enable the Show custom button toggle to display a button with a custom label and action.

4. Set up the button to open Online Programs:

   1. Tap the Select action dropdown and select Open screen.

   2. Tap the Select screen dropdown and select the relevant Online Programs page.

   3. Enter the text you want to show on the button in the Button text field (e.g. "See Programs").

   4. Tap Save at the top right.

   5. When you're ready, tap Publish.

1. Tap Screens at the bottom.

2. Tap the relevant screen under Screens in navigation.

3. Tap Edit screen.

4. Tap Add Element.

5. Swipe left on the menu at the top and select Online Programs.

6. Tap the element you want to add:

   • Programs list: Display a list of your programs so visitors can browse and join them.

   • Programs carousel: Showcase your programs in a scrollable carousel layout.

   • Participant programs: Show members the programs they have joined.

7. Customize the element's settings. You can change the element's title, margins, visibility (i.e. iOS, Android or both) and more.

   Note: The details you can edit depend on the element you add.

8. Tap Add.

9. When you're ready, tap Publish.

Yes. You can add a custom button as an element in your screen instead of changing the button in your app's header.

1. Click the Screen dropdown at the top and choose the screen you want to edit.

2. Click Elements on the left.

3. Select the Button category in the Add Elements panel.

4. Select the button you want to add.

5. Customize your button.

Every online program you create is automatically available on mobile, giving your participants a fully supported interface to access lessons, interact with content, and stay engaged on the go. Your participants do not have to rely on your site’s mobile browser to join and complete a program. Wix mobile apps give them a smoother way to join your site.

Yes. While Wix Online Programs includes a default page where visitors can view and join your program, you can also create a custom landing page on your site that focuses on a single program. A dedicated landing page helps you promote that program more effectively, highlight its benefits, and drive more signups.