Wix Referral Program: Customizing Your Referral Program Pages
Important:Wix Referral Program is not yet available to all users.When you add Wix Referral Program to your site, 2 new site pages are automatically generated. Your new Refer Friends page shares details of your referral program with site visitors. Your new Referral Landing Page is the page referred friends see when they click a referral link. Customize these pages to match the style of your site.Tip:As well as the customization options specific to Referral Program, you'll be able to use various tools within your Editor to customize many elements on your pages.In this article, learn more about:
Customizing your Refer Friends page Customizing your Referral Landing PageCustomizing your Refer Friends pageFrom your Editor, make your mark on your new Refer Friends page. Customize the design and layout to inform your visitors of your program perks and encourage them to take part.To customize your Refer Friends page:
Go to the Refer Friends page in your Editor:
    
Wix Editor:

Click Pages and Menu  on the left side of the Editor. Click Referral Pages. Click Refer Friends.   Editor X:

Click Pages  at the top of Editor X. Click Refer Friends under Referral Pages.     Click the Refer Friends element on your page.
Choose what you want to do:View the page from a different user's perspectiveYou can "switch the state" of your Refer Friends page in order to view it from the perspectives of different visitors.You can view how your site will appear to:
A customer who is logged in. A customer who is logged out. A referred friend who is visiting the page.Click Switch State and use the drop-down to select a state.Show or hide parts of the Refer Friends elementClick the Elements icon  and use the checkboxes to show or hide text and visuals.Change the text on the pageYou can edit certain text, including your program info and the text on your "Copy" button. Write a few lines to share program perks and let customers know why they should start referring.Note: Certain content (e.g. Title, Description, Terms and Conditions) is automatically generated based on how you've set up your program in your dashboard. This text cannot be edited in the Editor. To change it, make changes to your setup in your dashboard.
Click the element of the text you want to edit. Depending on the element you've selected, click Edit Text, Change Text & Icon, or begin typing.Change the design of the pageTo try out a new design, click the Refer Friends element on your page and click the Design icon , then select a pre-made design.Change the layout of the pageThere are 3 ways you can customize the layout of your Refer Friends page:
Change the padding of the main element: Click the Refer Friends element on your page and click the Layout icon  to change the padding. Change the alignment of text within the content box: Click the Content Box element on your page and click the Layout icon  to select the alignment you'd like to use. Change the alignment of text within the banner: Click the Banner element on your page and click the Layout icon  to select the alignment you'd like to use.Customizing your Referral Landing PageFrom your Editor, design your new Referral Landing Page. This is the page referred friends see when they click a referral link. It may be their first experience of your brand, so make sure it makes an impact and encourages them to browse.To customize your Referral Landing Page:
Go to the Refer Friends page in your Editor:
    
Wix Editor:

Click Pages and Menu  on the left side of the Editor. Click Referral Pages. Click Referral Landing Page.   Editor X:

Click Pages  at the top of Editor X. Click Referral Landing Page under Referral Pages.     Click the Referral Landing Page element on your page.
Choose what you want to do:View the page from a different user's perspectiveYou can "switch the state" of your Referral Landing Page in order to view it from the perspectives of different visitors.You can view how your site will appear to:
A referred friend who is logged in. A referred friend who is logged out.Click Switch State and use the drop-down to select a state.Show or hide parts of the Referral Landing Page elementClick the Elements icon  and use the checkboxes to show or hide text and visuals.Change the text on the pageYou can edit certain text, including your reward info and the text on your "Copy" button.Note: Certain content (e.g. Title, Subtitle) is automatically generated based on how you've set up your program in your dashboard. This text cannot be edited in the Editor. To change it, make changes to your setup in your dashboard.
Click the element of the text you want to edit. Depending on the element you've selected, click Edit Text, Change Text & Icon, or begin typing.Change the design of the page
Click the Refer Friends element on your page. Click the Design icon . Select the part of the page you want to edit and then choose fonts, colors, etc. to match your brand.Change the layout of the pageYou can change the alignment of text within the content box on your Referral Landing Page.Click the Content Box element on your page and click the Layout icon  to select the alignment you'd like to use.