Email Social Share ❺

Convert a link element into an email sharing tool for current page.

Designed to make a link element work as a sharing mechanism for the current page.

When clicked, it invokes the user's defined email program to send a message, and populates the subject and body, including the link to the current page.

The user then enters to To, and sends it.

Demonstration

SA5 Social Share - WebflowSA5 Social Share

Getting Started

STEP 1 - Add the Library

First, add the library as detailed in Quick Start.

STEP 2 - Apply wfu-socialshare to Desired Elements

See Usage Notes for details.

Usage Notes

wfu-socialshare = email

Required. Place directly on the link that you want to use for social sharing.

This will replace any existing src on the link with the mailto: URL SA5 forms for you.

wfu-socialshare-subject = ( subject text you want on the email )

Optional. Place on the element with wfu-socialshare.

wfu-socialshare-message = message you want to preface the link

Optional. Place on the element with wfu-socialshare.

Note the message can contain line-breaks, by using the \n character sequence.

UTM Tracking

If you want to add tracking information to the link, you can use SA5's UTM Tracking attributes here as well, on this same email element.

UTM Tracking

In general, we'd recommend something like;

SA5 attribute	Example Value	Notes
wfu-link-utm-source	email
wfu-link-utm-medium	share	Indicates that it was shared
wfu-link-utm-campaign	blog	Or similar ( news, recipe... )
wfu-link-utm-content	Your Article Title	CMS-bind this one if you're in a collection list or collection page.