1 - Choose to Edit Your Referral Program Page
Start by selecting the campaign you’d like to add a Contact Picker to.
Installation Guide
You’re minutes away from improving the performance of your ReferralCandy campaigns!
GOAL
Enable users to make referrals to their address book contacts directly from your website by adding a
‘Share via Email’ option that launches the CloudSponge Contact Picker!
2 - Select the HTML Edit Option
Once inside the campaign setup, switch to the ‘Content’ tab and select ‘Edit HTML/CSS’ under the ‘Share Page’ options.
3 - Add an icon to use as the Contact Picker launcher.
You will need an icon to add the CloudSponge Contact Picker as one of the sharing options on your share page.
You can use any email icon that you prefer. Or grab the one we used for this installation guide.
4 - Insert your CloudSponge Script & Key
<script
src=”https://unpkg.com/@cloudsponge/better-sharing.js“
data-key=”YOUR_KEY_FROM_CLOUDSPONGE“
data-selector=“#better-sharing-email-button”
data-view=”modal“
data-send-via=”mailto“
data-body=”ADD_CUSTOM_MESSAGE. {{ referral_link.url }}”
data-subject=”ADD_EMAIL_SUBJECT“
crossorigin=”anonymous“
></script>
- Replace the “data-key” attribute with your CloudSponge license key.
- Replace the “data-body” attribute with your preferred email message.
- Replace the “data-subject” attribute with your preferred email subject.
5 - Test and Launch
Your CloudSponge Contact Picker installation should be now complete. Test it by clicking the ‘Email’ icon on your published referral page or preview.
6 - All set!
Your CloudSponge Contact Picker is ready for use.
In its current setup – the Contact Picker will send out emails using your pre-existing Mailto settings. If you’d like to use Zapier, or another email protocol, instead – see our playlist.
