FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →
In Inspiro Premium, you can add social icons to display links to your social media profiles in various areas of your site—the header, footer, sidebar, or directly within pages and posts.
To add and manage social icons, you’ll need the free Social Icons Widget & Block by WPZOOM plugin.
1. In your WordPress Dashboard, go to Plugins → Add New Plugin.
2. Search for “WPZOOM Social Icons”.
3. Click Install Now, then Activate.
Once activated, the Social Icons block will be available throughout the site.
To display social icons in the header area of your website:
1. Go to Appearance → Widgets in your WordPress Dashboard.
2. Locate the Header Social Icons widget area and click to expand it.
3. Click the “+” (Add Block) button inside the widget area.
4. Search for the Social Icons block and click on it to insert it.
Continue with Customizing the Social Icons.
To add social icons in one of the footer columns:
1. Go to Appearance → Widgets.
2. Find and expand one of the Footer Column widget areas (e.g., Footer Column 1).
3. Click the “+” (Add Block) button inside the widget area.
4. Search for and insert the Social Icons block.
Continue with Customizing the Social Icons.
Depending on the footer layout selected in Appearance → Customize → Footer, social icons may appear in a special position outside of the standard footer column areas.
Follow these steps to ensure they display correctly:
1. Go to Appearance → Customize → Footer.
2. Choose a footer layout that includes a dedicated position for social icons
3. Go to Appearance → Widgets.
4. Locate and expand the Footer Social Icons widget area.
5. Click the “+” (Add Block) button and insert the Social Icons block.
6. Add your social media links and configure the icons as needed.
Using the Footer Social Icons widget area ensures your icons appear in the layout-defined position—often above or below the footer columns—depending on the selected footer layout.
To display social icons in the sidebar:
1. Go to Appearance → Widgets.
2. Locate and expand the Sidebar widget area.
3. Click the “+” (Add Block) button inside the widget area.
4. Search for and insert the Social Icons block.
Continue with Customizing the Social Icons.
To add social icons to a page or blog post:
1. Go to Pages → Add New or Posts → Add New or edit an existing page/post.
2. Click the “+” (Add Block) button in the content editor.
3. Search for and select the Social Icons block.
Continue with Customizing the Social Icons.
Once you’ve added the Social Icons block (whether in a widget area, page, or post), you can fully customize the appearance and behavior of each icon individually, as well as the entire group.
1. URL Field
Click directly on an icon to replace the placeholder link with your own social media profile URL. The plugin will automatically detect the platform and update the icon accordingly.
2. Background/Hover Colors
Click the color button to customize the icon’s background and hover effect.
Note: These options depend on the icon style selected in the block settings panel (see item 7).
3. Edit Details
Opens advanced options for the selected icon, including:
4. Delete Icon
Click the Delete icon button to remove the selected icon from the block.
5. Right/Left Arrows
Use these arrows to reorder icons by moving them left or right within the group.
6. Round Plus Icon
Click this to add a new icon. After pasting your URL, the corresponding platform icon will be added automatically.
7. Social Icons Block Settings (Right Sidebar)
When the block is selected, the right-hand sidebar will show global settings that apply to the entire group of icons, including:
These options give you full control to create a consistent and branded appearance for your site’s social icons, whether you’re adding them in the header, footer, sidebar, or content area.
If you prefer the classic drag-and-drop widget interface:
Drag the Social Icons by WPZOOM widget into any widget area and configure your links using the classic options panel.
To add social icons in Elementor, follow these steps using the widget provided by the WPZOOM Social Icons plugin:
1. Open the page or post with Elementor.
2. In the Elementor left sidebar, search for the Social Icons widget—make sure it’s the one from WPZOOM, not the default Elementor widget.
3. Drag the widget into your layout.
4. Use the settings in the left sidebar to:
The Elementor widget uses its own interface and does not share the block customization options listed above.
To access global plugin settings, go to Dashboard → Social Icons Sets → Settings.
