The Social Media Share component allows users to add a personalised message to a link before sharing a specific page through their preferred social media network. It showcases the most popular ones, while the rest can be found in an overlay, by clicking the "other social networks" button.
Anatomy
- Mandatory
- Optional
| Elements | Mandatory | Description |
|---|---|---|
| Heading | yes | Short explanation of the purpose of the buttons |
| Icon | yes | Social media icon |
| Link to Social Media | yes | Name of the social media network |
| Button | no | When more than 4-6 social networks are used, the button will open a pop-up where more social networks can be found |
Do's
- maintain the same order for the social media buttons
- maintain the same colours for the social logo as the original
- always display the icon and the name of the social media network
- always place the component at the bottom of the page
Don'ts
- don't display more than 4-6 social media networks, use the "Other social networks" link to add more
When to use
- use when the content on a page may be important to users
When not to use
- do not use on navigation pages
- do not use if your organisation does not have personalised social media accounts
Notes
- this functionality is provided by WebTools