Advocate Share Page

Here Advocate shares an offer with their Friends. Explain the value proposition to Advocate and Friend, that both will receive an exclusive discount.

Available sharing methods:

  • Email sharing
  • Social sharing (Facebook, Twitter, LinkedIn)
  • Link sharing (direct link to the Friend Claim Page)



Advocate Share Page


Email sharing example:

<form action="#" class="js-share-via-email-form">
  <input type="text" value="" name="email_recipient_list" />
  <input type="text" value="" name="email_subject" />
  <textarea name="share_message"></textarea>
  <input type="checkbox" checked="checked" name="share_email_reminder" value="true" />
  <input type="submit" value="Send email" />
</form>

Note share_email_reminder checkbox — this is Friend Share Email Reminder trigger.


Facebook sharing example:

<a href="#" class="js-share-offer-via-facebook">
  Share on Facebook
</a>


Twitter sharing example:

<a href="{{ twitter_share_link }}">
  Share on Twitter
</a>


Share by link example:

<div data-clipboard-text="{{ short_url }}"
     data-copied-label="Copied!"
     data-placement="top"
     title="Click to Copy"
     class="js-share-by-link">
  Copy and share by link
</div>
  • data-clipboard-text — data to be copied to a user clipboard on click.
  • data-copied-label — tooltip text after copying.
  • data-placement — tooltip placement. Possible values: top, right, bottom, left.
  • title — tooltip text on hover.

Note

Do not change name and class attributes, otherwise functionality won’t work. js- class prefix means it is used in Talkable API.

Related tutorials for this View: