In this guide, we will show you how to add the “Social Icons with Labels widget” to your Elementor website. The Social Icons with Labels widget lets you display social media icons alongside clear, descriptive labels. This free widget offers a professional and organized way to showcase your social profiles, making it easy for visitors to identify and access your links. With customizable options for icon styles, label text, and link settings, the Social Icons with Labels widget enhances your website’s social connectivity while maintaining a clean and polished appearance.
Let’s explore the features and customization options available in the “Social Icons with Labels widget” for Elementor below.
Add a Free Social Icons With Label to Elementor
Go to Unlimited Elements and click "Widgets".
Search for “Social Icons with Labels" in the widget library.
Hover over the widget and click Install.
Add a Free Social Icons With Label Widget to an Elementor Page
Click "Add Element" in Elementor
Search for “Social Icons with Labels" in the widget panel.
Drag and drop the “Social Icons with Labels” into the container.
Elementor Social Icons With Label Widget General Settings
Admin Label
Set a label for the widget in the Elementor editor for easy identification.
Align
Control the horizontal alignment of the social icons and their labels.
Margin Left Between Icons
Set the space to the left of each social icon.
Margin Right Between Icons
Set the space to the right of each social icon.
Item Padding Left
Add internal space to the left inside each social icon item.
Item Padding Right
Add internal space to the right inside each social icon item.
Icon Size
Set the size of the social media icons.
Title
Set the display name for this social icon.
Hover Color
Define the color of the icon or its text on hover.
Border Color
Set the color of the border around this icon.
Primary Color
Set the main color of the icon.
Icon
Select the visual icon to display.
Link
Specify the URL the icon will link to, with options for advanced settings and dynamic data.
Add Item
Add more social media icons to the widget.
Elementor Social Icons With Label Widget Style Settings
Enable Styles
Toggle to activate or deactivate custom styling for item titles.
Typography
Control the font, size, weight, and other text properties of the titles.
Color
Set the color of the item titles.
Custom Styles
Provide a text area for adding custom CSS.
Social Icons With Label Widget Design Examples For Elementor
Here are some live use cases for the Social Icons with Labels widget.
Scroll Image Reveal with Social Icons with Labels widget.
Counter with Animated Social Icons with Labels widget.
Thank you for using the Social Icons with Labels widget for Elementor! This widget allows you to easily add social media icons with clear labels and links to your profiles, enhancing your website’s social connectivity. Perfect for providing visitors with a professional and organized way to find and access your social accounts, it ensures your social media presence is displayed cleanly and effectively. With customizable icon styles, label options, and link settings, the Social Icons with Labels widget helps your site maintain a polished look while boosting engagement. If you need any assistance or have questions, feel free to reach out. For inspiration and live previews, be sure to check out the demo on our website.
