Introduction
The Social Sharing widget lets you display a sidebar (left, right, top, bottom of the page) on pages where you would like your visitors to share content on Social Media or through email.
We advise you to use it on some pages but not all of them. Especially: landing pages, blogs, documentation, whitepaper download pages...
Layout tab
Pick the layout that suits you most depending on the design of your web app.
Content tab
Select on which social platform(s) you would like to invite your visitors to share on.
You can pick: Facebook, Twitter, Linkedin & Pinterest.
By default, "Email" is toggled, it will add a button with a "mailto:" link. The email subject will be the meta title of the page and the email body will be the URL of the page. Obviously, the visitor can change it. "mailto:" links behave differently is you have set a default email client for "mailto:" links in your browser settings or not ; and if you did, it differs depending on if you use: Thunderbird, Outlook, Mail, Gmail, Protonmail...
Style tab
- The Icons color will be applied to all icons. By default they are white.
- The Customize icon background color, once toggled, will be applied to all icons. By default (untoggled) they are based on the color of the social platform ; light blue for Twitter, red for Pinterest...
- Display a drop shadow & drop shadow blur radius - You can decide to have a drop shadow and how opaque it will be.
- Margin between icons will add some margin between the buttons (vertical margin or horizontal margin, depending on the layout you picked).
- Button border radius slider will give more or less border radius to the icon buttons.
- Customize container - If you toggle this option, you will discover a list of sub-options (container padding, background color, border thickness (and border color is thiuckness is >= 1px) & border radius) which will let you design a sidebar to wrap the icons altogether.
- The Container position on axis slider will help position the sidebar, especially when you already have static/sticky elements on your page in order not to overlap them. By default it is set to 50, which means centered (vertically or horizontally (@ 50%) depending on the layout you picked).
Demo
A picture is worth a thousand words but a gif is worth a thousand pictures. Here is a demo on how to set a Social Sharing widget.
If you want to: edit, duplicate, rename, delete such a widget, please check the Widget Frequently Asked Questions article.
Comments
0 comments
Article is closed for comments.