In this guide, we will show you how to add the “Social Icons Glare Effect widget” to your Elementor website. The Social Icons Glare Effect widget helps you quickly add stylish icons linked to your social media profiles. Designed to make your social icons stand out with a sleek glare effect, this free widget draws attention and enhances the visual appeal of your social media buttons. Perfect for increasing interaction and visibility, it provides an engaging hover effect that attracts users to your social links. With customizable glare styles and icon options, the Social Icons Glare Effect widget brings a vibrant, dynamic look to any Elementor design.
Let’s explore the customization options available in the “Social Icons Glare Effect widget” for Elementor below.
Add a Free Social Icons Glare Effect to Elementor
Go to Unlimited Elements and click "Widgets".
Search for “Social Icons Glare Effect" in the widget library.
Hover over the widget and click Install.
Add a Free Social Icons Glare Effect Widget to an Elementor Page
Click "Add Element" in Elementor
Search for “Social Icons Glare Effect" in the widget panel.
Drag and drop the “Social Icons Glare Effect” into the container.
Elementor Social Icons Glare Effect Widget General Settings
Alignment
Control the horizontal alignment of the social icons within their container:
Center
Left
Right
Title
Set the display name for each social icon.
Icon
Choose the visual icon representing each social media platform.
Link
Enter the URL that each social icon will direct users to.
Duplicate Item
Create a copy of an existing social icon’s settings.
Add Item
Add new social media icons to your display.
Elementor Social Icons Glare Effect Widget Style Settings
Glare Color
Set the color of the glare effect.
Icon Color
Define the default color of the icon.
Icon Hover Color
Adjust the inner spacing of the button by setting values for Top, Right, Bottom, and Left.
Icon Box Size
Control the overall size of the icon’s container.
Icon Size
Adjust the size of the icon itself within its box.
Icon Background
Set the background color of the icon’s container.
Icon Radius
Control the roundness of the icon box corners.
Icon Margin
Add space around the icon’s container, adjustable for Top, Right, Bottom, and Left.
Social Icons Glare Effect Widget Design Examples For Elementor
Here are some live use cases for the Social Icons Glare Effect widget.
Product Card with Social Icons Glare Effect widget.
Background Switcher with Social Icons Glare Effect widget.
Thank you for using the Social Icons Glare Effect widget for Elementor! This free widget lets you add social media icons with a stylish glare effect to grab attention and boost engagement. With customizable styles and animations, it’s a great way to enhance your website’s design. Need help? Contact us or check out the live demo on our website.
