---
title: "How to Add Sticky Social Icons in Elementor?"
url: https://theplusaddons.com/docs/add-sticky-social-icons-in-elementor/
date: 2024-07-03
modified: 2026-07-01
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-1-4-1024x565.jpg
word_count: 396
---

# How to Add Sticky Social Icons in Elementor?

## 

- Utilizes the Social Sharing widget from The Plus Addons for Elementor to create sticky social icons.
- Selects Vertical layout and Icon view type for optimal display of social buttons in Elementor.
- Adjusts positioning to Fixed in the Advanced Layout tab for floating functionality during scrolling.

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](https://theplusaddons.com/docs/add-social-share-in-elementor/).*

***Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.***

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

https://www.youtube.com/watch?v=PIfGW6Kxs2M&t=553s

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.

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

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](https://theplusaddons.com/docs/make-a-sticky-table-of-contents-in-elementor/).

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

***Suggested Reading***: [*How to Add Social Share Toggle Button in Elementor?*](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/)