Do you want to add sticky social icons in Elementor? These floating social buttons stay visible on the screen as visitors scroll, giving them constant access to your sharing options without interrupting their reading.
The Social Sharing widget in The Plus Addons for Elementor lets you display social sharing buttons in a vertical layout and pin them as fixed elements on the page, so they follow visitors as they scroll.
Best Used For:
- Blogs, news sites, and media platforms where content sharing is a primary engagement goal
- WooCommerce stores where persistent social sharing on product pages increases brand reach
- Long-form landing pages where sharing buttons need to remain accessible throughout the scroll
To check the complete feature overview documentation of The Plus Addons for Elementor Social Sharing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
To do this, add the Social Sharing widget to the page or post template and follow the steps –
1. From the Layout dropdown, select Vertical. This positions the social sharing icons in a column along the side of the page, which is the correct format for creating sticky social icons in Elementor.
After selecting the layout, choose the appropriate option from the Style dropdown to match your site design.
2. From the View Type dropdown, select the view type that suits your layout. For a sticky sidebar, select Icon so the buttons stay compact and do not take up too much vertical space, especially on mobile.
3. In the Social Sharing section, add the social network buttons you want to include and adjust their appearance settings.
To control the button spacing and size, go to the Style tab and adjust the relevant fields.
4. Go to Advanced > Layout and select Fixed from the Position dropdown. This anchors the social icons to the viewport so they remain visible as visitors scroll.
After setting the position, adjust the horizontal and vertical alignment values and the offset values to place the buttons exactly where you want them on the screen.
The social sharing icons will now stay fixed on the screen as visitors scroll through the page. To add another always-visible navigation element, see how to add a sticky table of contents in Elementor.
Suggested Reading: How to Add Social Share Toggle Button in Elementor?
