The Social Share Buttons widget for Elementor is a powerful tool that makes it easy for visitors to share your content across multiple social platforms, boosting visibility and interaction. With customizable designs and seamless integration, you can match the share buttons to your site’s style effortlessly.
Let’s look at each of the options in the Social Share Buttons widget for Elementor below.
Add a Social Share Buttons Widget to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Social Share Buttons”
- Hover over the widget in the search results and click install
- Add the “Social Share Buttons” widget to any Elementor Page
General Settings
Target URL
Select the URL to be shared.
- Current Page - Share the URL of the page where the social share buttons are displayed.
- Custom Page - Share a manually specified URL instead of the current page.
Layout Type
Set the display style of the social share buttons.
- Inline - Display social share buttons in a horizontal row.
- Grid - Arrange social share buttons in a structured grid layout.
- Dropdown - Show social share buttons inside a dropdown menu.
Show Title
Enable or disable the display of the button title.
Show Icon
Show or hide the icon.
Social Buttons Settings
Manage the social share buttons using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Custom Title
Set a custom title for the social share button.
Network
Select the social media platform (e.g., Facebook).
Icon
Display the selected social media icon.
Background Color
Set the background color of the social share button.
Color
Define the text color of the button.
Icon Color
Set the color of the social media icon.
Social Share Buttons Widget Styling
You can customize every aspect of the widget’s design, including colors, text, icons, fonts, and layout, to perfectly match your website’s style.
General Styling
Set the column gap and row gap.
Social Button Styling
Set the icon positioning, size, spacing, typography, padding, color, background color, and border.
Social Share Buttons Design Example For Elementor
Here is a live use case for the Social Share Buttons Widget.
We hope this guide helped you explore the powerful features of the Social Share Buttons widget. With its customizable design and seamless integration, you can enhance content sharing and boost engagement effortlessly. If you have any questions or need further assistance, feel free to reach out.
