Pricing Plans: Adding and Setting up a Loyalty Program

Create a loyalty program to reward returning clients and attract new ones. Choose the actions that clients can do on your site to earn points, like purchasing a Pricing Plan. Then, decide on the amount of points they get and the rewards you want to offer in return (e.g. a 20% discount).

A Loyalty page automatically appears on your site, with a detailed description of your incentives. Registered members can log in to view their point balance and rewards on the My Rewards page.

Important:

To launch your loyalty program, you must upgrade to a plan that includes accepting payments.

Step 1 | Create your loyalty program

Create and customize your loyalty program to suit your clients and your business. Give your rewards program and points catchy names that fit with your branding.

To create your loyalty program:

1. Go to Loyalty Program in your site's dashboard.

2. Click Start Now.

3. Add your loyalty program name.

4. Choose what to call your loyalty points under Points name:Points: this is the default name.
   Custom name: Enter a new name for your points that matches your site's brand.
   

5. Choose a loyalty points icon:Hover over the image under Points icon.
   Click Change Icon  .
   (In the Media Manager) Choose a new icon or upload an image from your desktop.
   

6. Click Continue to Setup.

Step 2 | Set up how your clients earn points

After creating your Loyalty program, you get to the Manage Program page where you choose how clients earn points and the amount of points awarded for each action.

For example, when a client purchases a monthly hair cut and beard trim subscription, they earn 50 points. They can then use these points towards discounts on your products, services or other plans and packages.

Note:

Points based on spending are rounded down to the nearest whole number. For example, if you reward 10 points per $1, a spend of $4.99 earns 40 points.

To set up how your clients earn points:

1. Click the Points and rewards tab.

2. Enable the toggles next to the actions that earn clients points.

3. Hover over an action and click Edit to customize it:
   Edit the relevant details:Give the action a title.
   Set the number of points clients earn for the action.
   
   (Optional) Choose the action:Each purchase
   Every $1 spent
   Note: Clients earn points based on your site currency.
   When ready, click Save.
   

Step 3 | Set up your loyalty rewards

After choosing and customizing the actions that earn points, set up the rewards (coupons) and how your clients redeem them. For example, a client can redeem 100 points for a 10% discount on their next plan.

To set up your loyalty rewards:

1. Scroll down to Rewards.

2. Hover over an existing reward and click Edit, or click + Create New Reward.
   Note: Learn more about how to create coupons for Wix Pricing Plans.

3. Select the relevant coupon from the drop-down.

4. Set the Coupon cost in points.

5. Set the Reward name.

6. Click Save.

Step 4 | (Optional) Customize your loyalty pages

Once you set up your rewards program, two loyalty pages appear in the Editor. Customize both of them to make it easier for your repeat clients involved in your rewards program.

Your Loyalty Program page contains details of your program with your clients. The My Rewards page is where your registered members track their points and rewards.

To customize your Loyalty page:

Wix Editor

Studio Editor

1. Go to your editor.

2. Go to your Loyalty page:Click Pages & Menu  on the left side of the editor.
   Click your Loyalty page.
   

3. Click the Loyalty program element on your page.

4. Click Settings.

5. Choose what you want to customize:

Display

1. Click the Display tab.

2. Select the checkboxes next to any elements you want to display on your Loyalty Program page.
   
   

Layout

1. Click the Layout tab.

2. Customize the layout of the following areas of the Loyalty page:
   Header:Choose between Grid, List or Side page layout.
   Adjust the height and side padding of your header using the sliders.
   Choose your preferred alignment for the header.
   
   Program details:Adjust the spacing and padding of the program cards using the sliders.
   Choose your icon and content alignment.
   
   

Text

1. Click the Text tab.

2. Customize the text on the following areas of the Loyalty page:
   Header:Set the Loyalty Page Title and Page Subtitle.
   
   Button:Switch between the tabs to set the button text before and after your clients sign up for your Loyalty program. For example, "Become a member" before sign up and "View points," after clients become Loyalty Program members.
   
   Program Details:Enter the titles for Sign up, Earn points and redeem points information cards, as well as the sign up explanation text.  
   
   

Design

1. Click the Design tab.

2. Choose what you want to customize:
   Header:Use the sliders to adjust the background color, opacity, border width and radius of the elements in the header.
   Click any color box to set the color for any element in the header.
   Click  to set the font for any piece of text in the header.
   
   Program Details:Use the sliders to adjust the background color, opacity, border width and radius of the Program details cards.
   Click any color box to set the color for any element in the Program details cards.
   Click to set the font for any piece of text in the Program details cards.
   
   

Step 5 | (Optional) Customize your My Rewards Page

Once you set up your Loyalty program page, make sure to update all the information your clients see on their My Rewards page. Make the page as clear as possible so clients understand all the benefits of your loyalty program.

To customize your My Rewards Page:

Wix Editor

Studio Editor

1. Go to your editor.

2. Go to your My Rewards page:Click Pages & Menu  on the left side of the editor.
   Click your Loyalty page.
   

3. Click the Loyalty program element on your page.

4. Click Settings.

5. Choose what you want to customize:

Layout

1. Click the Layout tab.
   Rewards:Choose between the List or Cards layout.
   
   Rewards Padding:Adjust the spacing and padding between your rewards using the sliders.
   
   

Text

1. Click the Text tab.
   Page Header:Set the My Rewards Page title and description.
   
   Rewards List:Set the text for the Section title, Copy code button, Redeem points button, and Apply reward button.
   

Design

1. Click the Design tab.

2. Choose what you want to customize:
   Click the tabs to switch between customizing the Primary and Secondary Buttons and Progress Bar.Use the sliders to adjust the background color, opacity, border width and radius of the elements.
   Click any color box to set the color for any element.
   Click  to set the font for any piece of text.