---
title: "How To Add Social Icons in WordPress?"
url: https://nexterwp.com/docs/add-social-icons-in-wordpress/
date: 2024-12-23
modified: 2026-04-14
author: "Aditya Sharma"
description: "For any business it is important to have a strong online social media presence and reach to grow business faster. Having social media icons on your business page which is..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-To-Add-Social-Icons-in-WordPress_-1024x519.jpg
word_count: 447
---

# How To Add Social Icons in WordPress?

## Key Takeaways

- Nexter Blocks allows users to add social icons with custom links using the Social Icon block.
- The Social Icon block offers multiple styles, tooltips, and animations for individual icons.
- Users can manage icon colors, sizes, and alignments for responsive devices in the Style tab.

For any business it is important to have a strong online social media presence and reach to grow business faster. Having social media icons on your business page which is linked to your social media profiles allows visitors to easily follow you on each platform and stay updated with you.

With the Social Icon block, you can easily add different social icons with custom links on your page.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-social-icons/)

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated.

- Make sure that the Social Icon block is activated, to verify this visit Nexter → Blocks → and Search for Social Icon and activate.

## Learn via Video Tutorial

https://www.youtube.com/watch?v=Nv-seWQ6-YQ

## How to activate the Social Icon Block?

Go to 

- **Nexter **→ **Blocks **

- **Search **the block nameand**turn on the toggle**.

![](https://nexterwp.com/wp-content/uploads/2024/12/social-icons-activation-new.png)

## Key Features

- **Multiple Styles – **You can select multiple predesigned styles.

- **Tooltip – **You can add a tooltip to an individual social icon.

- **Animation – **You can add different animations to an individual social icon.

## How to Use the Social Icon Block?

Add the Social Icon block to the page.

![](https://nexterwp.com/wp-content/uploads/2024/12/social-icons-add-block.gif)

From the **Style** section, you can select a predefined style for the social icons.

![](https://nexterwp.com/wp-content/uploads/2024/12/social-icons-content.gif)

Then from the **Social Networks **section, you have to add the social media icons.

You’ll find three repeater items by default, open one item.

From the **Social Network **dropdown, you have to select a social media icon.

After that, you have to add a link for the social media icon in the **Link** field. Ideally, you should add your social media profile link.

In the **Title** field, you can add a title of the social media icon.

After that, you can manage the icon color, background color etc. for both normal and hover status for that particular social media icon.

Then, by enabling the **Tooltip** toggle, you can add a tooltip to that particular social media icon.

Similarly, you can edit the other items.

You can click on the **+ Add Network** button to add more social media icon items.

From the **Alignment** section, you can align the social icons for responsive devices.

## How to Style the Social Icon Block?

You will find all styling options in the Style tab to style the Social Icon block.

**General** - From here, you manage the icon gap, size, height, width and typography.

![](https://nexterwp.com/wp-content/uploads/2024/12/social-icons-style.png)

**Tooltip Options **-** **From here, you can make the tooltip interactive so you can interact with any link, you can change the tooltip trigger to hover or click and manage other styling. 

Advanced options remain common for all our blocks, you can explore all it options from here.

[View Advanced tab tutorial.](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/)

## Frequently Asked Questions

**Q: What should I do if the Social Icon block is not showing up?**
A: If the Social Icon block is not appearing, ensure that the Nexter Blocks plugin is installed and activated. You can verify this by navigating to Nexter u2192 Blocks and searching for the Social Icon block. If it's not activated, turn on the toggle to enable it.

**Q: What are the key features of the Social Icon block?**
A: The Social Icon block offers multiple styles, tooltips for individual icons, and animation options. These features enhance user interaction and provide a visually appealing way to link to your social media profiles, making it easier for visitors to connect with you.

**Q: How can I learn more about advanced styling options for the Social Icon block?**
A: For advanced styling options, you can refer to the [View Advanced tab tutorial](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/). This resource provides additional insights into customizing the Social Icon block beyond the basic settings.