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" />

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

Twitter sharing example:

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

Share by link example:

<div data-clipboard-text="{{ short_url }}"
     title="Click to Copy"
  Copy and share by link
  • 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.


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: