Overview
This guide aims to help you navigate through the customization options offered by Lootly for the referral popup method. You can customize anything from text font, size and color, images, button texts and messages for both sender and receiver interface.
_________________________________________________________________
Customize Sender Popup Design
Navigate to Display -> Referral Popup -> Sender Popup Design - >Edit
Each element in the sender referral popup is customizable:
Customize the header
Give it a title in the Reward Text box;
“How do you want to share” text
Add a custom side image
Customize each box text with color, font and font size.
__________________________________________________________________
2. Customize Sharing Options View
The sharing options you defined for the referral popup, are all clickable and show a message to the viewer which can be tailored to your needs.
For each sharing option define a title, message and a button text;
Define the colors of the sharing options icons, and the text color, font and size
__________________________________________________________________
3. Customize the Footer
Add the Terms and Conditions text in the box
Add the link to your Terms and Conditions page
Disable the Lootly logo in the footer
Customize the footer text color and size
__________________________________________________________________
4. Customize the popup’s header design on mobile devices
Tailor the header with steps text, title text along with color and font size.
__________________________________________________________________
5. Customize the post sharing screen
Define what customers see after they’ve shared the referral:
Tailor the title text, the default message text and the buttons text;
Customize text in color and font size
Once you’ve done all customizations, save your changes in the right top corner of the page.
__________________________________________________________________
Customize the Receiver Popup Design
The receiver popup is what a friend sees when they open a referral link.
Go to Display > Referral Popup and, under Receiver Popup Design, open Receiver Text.
You can customize:
- Reward Text: the title with the friend's reward.
- Description Text: the text under the title.
- Email Text: the placeholder of the email field, shown when the friend is not logged in.
- Confirm Email Text: shown when the friend is already logged in to your store. Their email is filled in for them, so this line asks them to confirm it. Default: "Confirm this email to get the reward." Leave it empty to show the default.
- Button Text: the button that claims the reward.
- The coupon screen shown after they claim it, the message shown when a referral is blocked as fraud, and the footer.
The preview on the right updates as you type. Save your changes when you're done.
If the referral popup isn't shown on the page, friends see the referral page inside the widget instead. Its texts, including the same Confirm Email Text, are in Display > Widget > Edit > Referral Receiver Design.
__________________________________________________________________
That's it! 🎉
Your referral popup method is now fully customized to promote your referral program in a way that is visually attractive, speaks your brand and is not disrupting your customers’ experience at your e-store.