WordPress.org

Plugin Directory

Social Media Icon Widget – Social Profile Links with Gutenberg Block

Social Media Icon Widget – Social Profile Links with Gutenberg Block

Description

Need a clean way to show social profile links on your website? This plugin helps you display a social media icon list anywhere. Add icons to your sidebar, footer, or posts.

This tool is simple and fast. It works with any WordPress theme.

You can configure each social media icon in seconds. Control colors, padding, and hover actions without code. It includes an optimized Gutenberg block and sidebar widget.

View Premium Demo: Social Media Icon Widget Premium
More About Pro: Social Media Icon Widget Premium Features
Where To Buy: Buy Social Media Icon Widget Premium

Video Tutorial

Set up Social Icons and Social Profile Links

Showing your social icons should be easy. This plugin saves you time:

  • Simple drag and drop: Place the widget in any sidebar area.
  • Gutenberg block support: Insert social profile links directly into page layouts.
  • SVG Icons: Light SVG renders sharp on all screens.
  • Responsive Grid: Icons adjust automatically to fit mobile devices.

Gutenberg Block and Widget Customization

Customize your social media icon styling to match your brand style:

  • Choose the number of columns per row.
  • Adjust spacing between your social icons.
  • Apply smooth CSS hover animations.
  • Set custom colors for icon designs and backgrounds.
  • Expose options to open links in new tabs.

Supported Platforms

Connect your audience to these popular networks:

  • Facebook, X (Twitter), Instagram, YouTube
  • Pinterest, LinkedIn, Snapchat, TikTok
  • Tumblr, Flickr, Vimeo, Reddit
  • RSS Feed, Email, WhatsApp, Telegram
  • And many more in the premium version

What Makes This Social Media Icon Widget Different

Unlike bloated social sharing toolbars, this widget focuses on one thing: displaying your social media icon links beautifully. It loads fast, works with any theme, and gives you creative freedom through customization options.

You can adjust each social media icon color to match your brand, add hover effects for visual feedback, and even apply rotation transforms for a unique touch. The spacing controls help you create the exact layout you want.

Free Features

  • 12 popular social network icons
  • Icon color customization
  • Background color settings
  • Hover color effects
  • Multiple icons per row
  • Sidebar and footer widget support
  • Gutenberg block support
  • Fast-loading dynamic inline CSS
  • Icon spacing controls
  • Custom CSS field
  • Mobile responsive design
  • Lightweight SVG icons

Premium Features

Upgrade to unlock additional capabilities:

  • 30+ Pro Social Networks
  • 3 Unique Stunning Layout Styles
  • Custom Background & Icon Color on Hover
  • 60+ Exciting Hover Animations (2D, Curls, Glow)
  • 10+ 3D Transform Rotations
  • Advanced color pickers
  • Multiple icon size options
  • Priority Email & Forum Support

Recommended Plugins

Enhance your website with these powerful addons:

Portfolio Filter Gallery
Create stunning portfolio galleries in minutes with this versatile filter gallery plugin.
Get Premium Version – Unlock advanced features for more customization.

Media Slider
Build responsive media and video slider galleries effortlessly with this slider plugin.
Unlock Premium Version – Add more layouts and controls.

Weather Effect Plugin
Add engaging weather effects to your site with this easy-to-use WordPress plugin.
Check Premium Version – Access multiple effects and settings.

Grid Gallery Plugin
Display images in a customizable grid gallery widget for pages, posts, or sidebars.
Upgrade Premium Version – Enhanced styling options.

Image Gallery Plugin
Showcase images with a lightbox slider using this fast and simple image gallery plugin.
Get Premium Version – More gallery layouts and effects.

Photo Gallery Plugin
Create photo, video, link, and map galleries in seconds with this WordPress gallery plugin.
Check Premium Version – Advanced gallery features.

Responsive Slider Gallery
Add fully responsive sliders to pages, posts, or widgets with this WordPress slider plugin.
Try Premium Version – More slider customization.

Contact Form Widget
Embed a simple contact form in your WordPress site using this shortcode plugin.
Upgrade To Premium Version – Advanced form options.

Social Media Widget
Display social media icons in your sidebar or widget areas with this WordPress plugin.
Get Premium Version – Enhanced social features.

Slider Responsive Slideshow
Create lightweight, responsive slideshows with this powerful WordPress slider plugin.
Upgrade Premium Version – More slideshow effects.

Video Gallery Plugin
Build responsive video galleries quickly with this WordPress video gallery plugin.
Try Premium Version – Additional video features.

Facebook Like Share Follow Button
Add Facebook Like, Share, and Follow buttons to your WordPress pages, posts, or widgets.

Facebook Likebox Widget
Embed a Facebook lightbox widget in your WordPress site for enhanced social engagement.

Screenshots

  • Social Settings Panel
  • Social Profile Configuration
  • Widget Design & Effect Options
  • Hover Effect Animation 1 (in pro)
  • Hover Effect Animation 2 (in pro)
  • Hover Effect Animation 3 (in pro)
  • Hover Effect Animation 4 (in pro)

Blocks

This plugin provides 1 block.

  • Social Media Widget

Installation

  1. Upload the plugin files to the /wp-content/plugins/new-social-media-widget/ folder. Or search for it in your WordPress admin.
  2. Activate the plugin.
  3. Open Appearance > Widgets in your admin dashboard.
  4. Drag the widget to your sidebar area.
  5. Alternatively, open a page and insert the Gutenberg block.
  6. Paste your social profile links and save.

FAQ

How do I configure my social media icon list?

Go to Appearance > Widgets in your admin panel. Add the widget to a sidebar. You can also edit pages and add the Gutenberg block. Paste your social profile links into the fields.

Can I use a Gutenberg block to display social icons?

Yes. Search for the “Social Media Widget” block in the editor. Add it to any page. Customize the social profile links inside the block settings.

Can I change the style of my social profile links?

Yes. The settings let you choose custom colors. You can set icon background colors and apply hover effects.

Which social icons are included?

The free plugin supports 12 major networks. This includes Facebook, Instagram, YouTube, X, and WhatsApp.

Do these social profile links open in a new tab?

Yes. You can select if links open in a new tab or the same window.

Reviews

agosto 10, 2021
Once installed and running this is a great plugin. Simple and easy to configure, would definitely recommend it for projects.
aviento 4, 2020
The icons do not appear, and the instructions are unclear, for example do you put in the full link or just the social media handle? With or without the ‘@’? It is not clear and all options throw up an error. Waste of my time for what should be a simple and basic plug-in.
chulio 25, 2020 3 replies
Purchased the paid premium version, which was not worth the cost. And asked for a refund. Their customer service email rep asked incredibly casually for admin access to my website.
abril 6, 2020
The settings are very basic and limited but the reason I will not use it is that it will not save the settings and keeps reverting back even after clearing catch etc.
chinero 31, 2020
This is very simple and at the same time helpful plugin. I have more then six months usage experience. I like it!
Read all 19 reviews

Contributors & Developers

“Social Media Icon Widget – Social Profile Links with Gutenberg Block” is open source software. The following people have contributed to this plugin.

Contributors

“Social Media Icon Widget – Social Profile Links with Gutenberg Block” has been translated into 4 locales. Thank you to the translators for their contributions.

Translate “Social Media Icon Widget – Social Profile Links with Gutenberg Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.4.1

  • Date 30 May 2026
  • Prefixed global sort option social_media_icon_pos to prevent collisions.
  • Enforced capability checks for settings management.
  • Sanitized inline custom CSS preview output in block editor contexts.

1.4.0

  • Improved performance by switching to dynamic inline CSS (wp_add_inline_style) for frontend widget presentation.
  • Added support for Gutenberg blocks.
  • Updated standard default colors to better align with the widget’s modern appearance.
  • Fixed prefixing issues for coding standards.
  • Improved security with proper output escaping and nonce verification.
  • Fixed escaping for CSS output and labels.

1.3.0

  • Tested with version 6.9

1.2.9

  • Bug fixes
  • Tested with version 6.8.2

1.2.8

  • Bug fixes
  • Tested with version 6.8.1

1.2.7

  • Bug fixes
  • Tested with version 6.7.2

1.2.6

  • Bug fixes
  • Tested with version 6.7.1