---
title: "How to Add Social Share in Elementor?"
url: https://theplusaddons.com/docs/add-social-share-in-elementor/
date: 2024-07-03
modified: 2026-04-09
author: "Aditya Sharma"
description: "Adding social share buttons on a page allows visitors to easily share the content on different social media platforms which can expand the reach of your content. With the Social..."
image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-5-1024x565.jpg
word_count: 792
---

# How to Add Social Share in Elementor?

## Key Takeaways

- The Plus Addons for Elementor includes a Social Sharing widget that allows users to add social sharing buttons in Elementor.
- The Social Sharing widget offers three layout options: Horizontal, Vertical, and Toggle.
- Users can select from multiple preset styles for each layout in the Social Sharing widget.
- The widget allows for a fake share counter to be displayed alongside social sharing buttons.

Adding social share buttons on a page allows visitors to easily share the content on different social media platforms which can expand the reach of your content.

With the Social Sharing widget from The Plus Addons for Elementor, you can easily add social sharing buttons in Elementor.

## Check the Live Widget Demo

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-social-sharing-buttons/)

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor plugin](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

- Make sure the Social Sharing widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Social Sharing and activate.

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=PIfGW6Kxs2M

## How to Activate the Social Sharing Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing.png)

## Key Features

- **Three Layouts **- You can select from 3 layouts, Horizontal, Vertical and Toggle.

- **Multiple Styles**- You can choose from multiple preset styles for each layout.

- **Fake Share Counter** - You can easily show a fake total share counter.

## How to Use the Social Sharing Widget in Elementor?

Add the Social Sharing widget from The Plus Addons for Elementor to the page. 

> *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.*

From the **Layout** dropdown, you have to select the layout. Here you’ll find three options - 

![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-content-new.gif)

- **Horizontal** - To align the social icons horizontally.

- **Vertical** - To [align the social icons vertically](https://theplusaddons.com/docs/add-sticky-social-icons-in-elementor/). This can be used to create sticky social icons. 

- **Toggle** - To [create a social share toggle button](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/).

Select the option as per your requirements. Let’s select Horizontal here.

You can select a predefined style from the **Style** dropdown.

From the **View Type** dropdown, you can select the social button view type. Here you’ll find six options - 

- **Icon** - To show only social icons.

- **Icon Count** - To show social icons with a share counter.

- **Text** - To show only social text.

- **Text Count** - To show social icons with a share counter.

- **Icon Text** - To show social icons with text.

- **Icon Text Count** - To show social icons with text and share counters.

Select the option as per your requirements.

From the **Column** section, you can manage the number of columns of the social icons.

You can align the social icons for different responsive devices from the **Alignment** section. 

From the **Content Alignment** section, you can align the content on the button.

By enabling the **Display Counter** toggle, you can add a fake or custom total share number. 

Then in the **Social Sharing** section, you have to add the social icons. By default, you’ll find four repeater items, open one item.

![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-repeater-items-new.gif)

From the **Social Network** dropdown, you have to select your desired social network.

In the **Title** field, you can add the social network title.

Then in the **Count Number** field, you can add fake or custom share numbers for that social network.

In the **Count Label** field, you can add a label for the counter number.

You add an extra text after the counter number from the **Social Button** field.

> *Note: The visibility of the Title, Counter Number, Count Label and Social Button on the front end will depend on the selected button View Type.*

By enabling the **Custom URL** toggle, you can add a custom link to the button.

Then from the **Normal** and **Hover** tab section, you can customize the title color, icon color, counter number color, counter label color, border color and background for normal and hover states.

Similarly, you can edit the remaining items.

You can click on the **+ Add Item** button to add more social sharing buttons.

## How to Style the Social Sharing Widget in Elementor?

To style the Social Sharing widget you’ll find all the options in the Style tab. The styling options will vary based on the selected layout and view type.

**Title** - From here, you can style the social sharing button title.

![](https://theplusaddons.com/wp-content/uploads/2024/07/tpae-social-sharing-style-new.png)

**Counter** - From here, you can style the social sharing button counter number.

**Icon** - From here, you can manage the social sharing button icon size and width.

**Toggle** - You’ll see this option only when you select Toggle as the layout type. From here, you can style the toggle button.

**Total Counter** - You’ll see this option only when you’ve enabled the total counter toggle. From here, you can style the total counter number and text.

**Background** - From here, you can manage the width, height and background style of the social button’s container.

Advanced options remain common for all our widget, you can explore all its options from here.

[View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..)

## Frequently Asked Questions

**Q: What should I do if the Social Sharing widget isn't showing up in Elementor?**
A: If the Social Sharing widget isn't appearing, ensure that The Plus Addons for Elementor plugin is installed and activated. This is a premium widget, so you also need the PRO version of The Plus Addons for Elementor. You can verify activation by navigating to The Plus Addons u2192 Widgets and searching for the Social Sharing widget to turn on the toggle.

**Q: Can I create a toggle button for social sharing using The Plus Addons for Elementor?**
A: Yes, you can create a social share toggle button by selecting the Toggle layout option in the Social Sharing widget. This layout is particularly useful for saving space on your page and can enhance user interaction. For more details, check the guide on how to [create a social share toggle button](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/).

**Q: What layout works best for social sharing buttons on mobile devices?**
A: For mobile devices, the Vertical layout can be beneficial as it allows for sticky social icons, which remain visible as users scroll. This layout can improve accessibility and encourage sharing. You can align the social icons for different responsive devices from the Alignment section in the widget settings.

**Q: Are there any limitations when using the Social Sharing widget in Elementor?**
A: One limitation is that the Social Sharing widget is only available with the PRO version of The Plus Addons for Elementor. Additionally, if the widget is not activated, it won't show up in your Elementor interface. Ensure to check the activation status to avoid issues.

**Q: What styling options are available for the Social Sharing widget?**
A: The Social Sharing widget offers various styling options that depend on the selected layout and view type. You can customize the title, counter number, icon size, and background style. For example, if you select the Toggle layout, you will have specific options to style the toggle button. This flexibility allows you to match the social sharing buttons with your site's design.

**Q: Is there a way to display a fake share counter with the Social Sharing widget?**
A: Yes, the Social Sharing widget allows you to display a fake share counter. You can enable the Display Counter toggle and customize the total share number for each social network. This feature can encourage users to share your content by creating the illusion of popularity, which may lead to increased engagement.