Use this markup to directly trigger sharing on one of the social media platforms. They all use a class name with a similar pattern: swell-share-referral-[platform]
Platform Class Names
Platform | Class |
---|---|
swell-share-referral-facebook | |
Facebook Messenger | swell-share-referral-messenger |
swell-share-referral-twitter | |
swell-share-referral-email | |
SMS | swell-share-referral-sms |
<!-- as links but can easily be any html element -->
<!-- facebook -->
<a class="swell-share-referral-facebook" href="javascript:void(0)">
<i class="fa fa-facebook-square"></i> Share your referral link on Facebook
</a>
<!-- facebook messenger -->
<a class="swell-share-referral-messenger" href="javascript:void(0)">
<i class="fa fa-comments-o"></i> Share your referral link via Facebook Messenger
</a>
<!-- twitter -->
<a class="swell-share-referral-twitter" href="javascript:void(0)">
<i class="fa fa-twitter-square"></i> Share your referral link on Twitter
</a>
<!-- email -->
<a class="swell-share-referral-email" href="javascript:void(0)">
<i class="fa fa-envelope"></i> Share your referral link via Email
</a>
<!-- sms -->
<a class="swell-share-referral-sms" href="javascript:void(0)">
<i class="fa fa-mobile"></i> Share your referral link via SMS
</a>