WordPress Social Media Icons Plugin
Create your Social Media plugin
Screenshots
Why People Love Elfsight
Elfsight’s Social Media Icons plugin is the easiest way to display links to your social platforms right on your WordPress website. With just a few clicks, you can set up modern, mobile-friendly icons that match your brand style and make your website feel more connected.
Did you know?
Websites with visible social icons can see up to 40% more user engagement.
Integrate Elfsight’s Social Icons plugin and make sure your visitors can always connect with you on the channels they love most.
Key Features of the Social Media Icons Widget
- 50+ Supported Networks: From Facebook and Instagram to LinkedIn, TikTok, and YouTube – you can link all the platforms where your audience spends time.
- Customizable Designs: With options for shape, size, and color, you can create WordPress custom social icons that perfectly blend with your website’s look.
- Floating or Inline Placement: Choose between embedding the icons directly into your page or keeping them floating on the side for constant visibility.
- No Coding Required: Everything is set up in a visual editor – you don’t need technical knowledge to make it work.
- Mobile-Friendly: The widget automatically adapts to any device, so your icons always look sharp and clickable.
Try all features for free in our live editor – no signup required.
How to Add the Social Media Icons to WordPress
Adding your icons takes just a few steps. Here’s how you can do it:
Method 1: Inline Icons
This method lets you embed the icons directly into your page content — whether it’s a post, a page, or a widget area.
- Choose a Template: Select the layout you like from the Elfsight library.
- Customize Your Icons: Pick your social platforms, and adjust colors and sizes.
- Generate the Embed Code: Click “Add to website for free” and copy the HTML code for social media icons WordPress provides.
- Embed the Code: In WordPress, open the page or post where you want the icons. Add a “Custom HTML” block and paste the code. Publish or update.
Method 2: Floating Icons
This approach adds floating social icons that stay visible as visitors scroll through your website, so your links are always just a click away.- Pick a Floating Template: Select a style that keeps your icons visible while scrolling.
- Customize the Widget: Decide which social networks to display, adjust size, and choose the position (left, right, or center).
- Generate the Code: Click “Add to website for free” and copy the provided HTML code.
- Embed the Code: Go to Appearance > Theme Editor in WordPress. Open
footer.phpand paste the code before the closing</body>tag. Save changes.
If you ever get stuck, the Elfsight Help Center offers step-by-step guides for every detail. You can also check out our blog for more tips on how to add social media icons to your website. In the Community Forum, you’ll find a Wishlist to suggest new features and a Changelog to see all updates for the Social Media Icons widget.