# Social Sharing Widget

The Social Sharing widget is part of the **Special** widget category. For more information on the widgets, please refer to [Widgets configuration in the visual editor](https://docs.abtasty.com/~/revisions/GC5NNyAZNIhN8XxZ5KK5/web-experimentation-and-personalization/editors-and-widget/list-of-widgets/widgets-configuration-in-the-visual-editor).

## Introduction <a href="#id-01gndd6kdsf4mg5ttbx5q24nwc" id="id-01gndd6kdsf4mg5ttbx5q24nwc"></a>

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 via email.

## Configuration <a href="#id-01gndd6ke9xvywp0vyf4wqt3je" id="id-01gndd6ke9xvywp0vyf4wqt3je"></a>

### Layout tab <a href="#id-01gndd6ke9385ft31pfj1hyqcf" id="id-01gndd6ke9385ft31pfj1hyqcf"></a>

![](https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2Fgit-blob-9779080e560b89155ce8871645959a4450ca8371%2F5968d0b3210d044baa6bdae1eaf6c33a.png?alt=media)

Pick the layout that suits you best, depending on the design of your web app.

### Content tab <a href="#h_01j5zsv492c04yene0e2vb8z67" id="h_01j5zsv492c04yene0e2vb8z67"></a>

![](https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2Fgit-blob-ab478fb12f29bcf3c381efa7adc5c85c288916eb%2F9bcbc118ac363346e3c6bb0a74346830.png?alt=media)

Select the social platform(s) you would like to invite your visitors to share on.\
The following are available: Facebook, Whatsapp, X, Threads, Telegram, Reddit, LinkedIn, Pinterest and Email.

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.\
"mailto:" links behave differently depending on whether you have set a default email client for "mailto:" links in your browser settings; and if you have, it differs depending on whether you use: Thunderbird, Outlook, Mail, Gmail, Proton Mail, etc.\
You can also write your own message to accompany the link. For example, if you have bought a product on a website and want to share it with your friends on Whatsapp, you can write the following message: "Look what I just bought!". Your friends will thus receive on Whatsapp a link to the product page following your message.

### Style tab <a href="#id-01gndd6ke90dj4dpaw2n9ek2g3" id="id-01gndd6ke90dj4dpaw2n9ek2g3"></a>

![](https://2350286830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6Yw9IRJ6KbbucQPwZUCZ%2Fuploads%2Fgit-blob-49976a64c835a66ca659dab2ddd6fce6c69c3543%2Fb6daa2351f8a6cd3ccb36968578a8372.png?alt=media)

* 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 media platform: light blue for Twitter, red for Pinterest, etc.\\
* Display a drop shadow & drop shadow blur radius. You can decide whether 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 thickness is >= 1px) & border radius) which will let you design a sidebar to wrap the icons together.\\
* The Container position on the axis slider will help position the sidebar, in particular if you already have static/sticky elements on your page, to avoid overlapping. By default, it is set to 50, which means centered (vertically or horizontally (@ 50%) depending on the layout you picked).\\
