Visit www.talkable.com

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: