---
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 includes a Social Sharing block that allows users to add a social share toggle button in WordPress.
- Users can customize the toggle button text and icon using the Toggle Style and Toggle Icon Library sections.
- The toggle button enables users to show or hide social sharing options, keeping the page clean while providing quick access.

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)

## Frequently Asked Questions

**Q: What should I do if the social share toggle button isn't appearing?**
A: If the social share toggle button isn't showing, ensure that the Social Sharing block from Nexter Blocks is installed and activated. This block is essential for adding the toggle feature. Without it, you won't have access to the toggle options or the ability to customize the social buttons.

**Q: Is the social share toggle button compatible with other WordPress themes?**
A: The social share toggle button is specifically designed to work with Nexter Blocks, which is part of the NexterWP ecosystem. While it may function with other themes, optimal performance and features are guaranteed when used with Nexter Theme, which is built for Gutenberg.

**Q: What are the best practices for using the social share toggle button?**
A: When using the social share toggle button, consider the user experience. Ensure the toggle is easily accessible and clearly labeled. You can customize the toggle button text for clarity, especially if using style 1. This helps users understand its function and encourages sharing.

**Q: How do I add social media buttons to the toggle?**
A: To add social media buttons to the toggle, first, add the Social Sharing block to your page. Then, from the Social Sharing section, you can add the required social buttons. Adjusting the style from this section will ensure the buttons align with your design preferences.