---
title: "How to Add Social Share Toggle Button in WordPress?"
url: https://nexterwp.com/docs/add-social-share-toggle-button-in-wordpress/
date: 2024-12-06
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to add a social share toggle button in WordPress? A social share toggle button allows users to easily show or hide social sharing options, keeping your page..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Social-Share-Toggle-Button-in-WordPress_-1024x519.jpg
word_count: 209
---

# How to Add Social Share Toggle Button in WordPress?

## Key Takeaways

- Nexter Blocks Social Sharing block adds a social share toggle button in WordPress, and it requires Nexter Blocks to be installed and activated.
- Toggle Style section offers a predefined style, and Toggle Icon Library section changes the toggle button icon.
- Style 1 customizes the toggle button text from the Text field, while Style 2 selects the social icon open direction from the Hover Direction section.

Are you looking to add a social share toggle button in WordPress? A social share toggle button allows users to easily show or hide social sharing options, keeping your page clean while still offering quick access to share your content.

With the Social Sharing block from Nexter Blocks, you can add a social share toggle button in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Social Sharing block,* *[ click here](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

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

To do this, add the Social Sharing block to the page and follow the steps - 

1. Select **Toggle **from the **Layout** section.

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

From the **Toggle Style** section, you can select a predefined style.

Then, from the **Toggle Icon Library** section, you can change the toggle button icon.

For style 1, you can customize the toggle button text from the **Text** field.

For style 2, you can select the social icon open direction from the **Hover Direction** section.

2. After that, add the required social buttons and adjust the style from the **Social Sharing** section.

Now you’ll see a toggle button, on clicking the social icons will show or hide.

![](https://nexterwp.com/wp-content/uploads/2024/12/social-sharing-toggle-button-demo.gif)