Skip to content
nexter-site-logo
  • Products
    • Nexter Blocks

      Bring Your Imagination to Life with 90+ WordPress Gutenberg Blocks - Design Without Limits.

      Nexter Extension

      Build a Strong, Secure and High-Performance Website with 22+ Unique WordPress Extensions.

      Nexter Theme

      Discover the lightest, fastest starter theme for page builders. Built with pure Vanilla JS and no jQuery.

  • Starter Templates
  • Nexter for
    • Nexter For
      marketer

      For Marketers

      Begginer

      For Beginners

      Agencie

      For Agencies

      e-commerce

      For E - Commerce

      Freelancer

      For Freelancers

      28 Unique Features to
Choose Nexter
      icon
      Learn More
  • Resources
    • Explore
      changelog

      Changelog

      request-feature

      Request Feature

      road-map

      Roadmap

      free-vs-pro

      Free vs Pro

      review

      Reviews

      Community
      Blogs

      Blog

      fb

      Facebook Community

      video-icon

      Video Tutorials

      join-icon

      Join Affiliate

      e-books

      Academy

      NEW
      Support
      documentions

      Documentation

      free-helpdesk

      Free Helpdesk

      pro-help-desk

      Pro Helpdesk

      Live-chat

      Live Chat

      ai-chat-icon

      AI Chat

      24x7
  • Pricing
  • Products
    • Nexter Blocks

      Bring Your Imagination to Life with 90+ WordPress Gutenberg Blocks - Design Without Limits.

      Nexter Extension

      Build a Strong, Secure and High-Performance Website with 22+ Unique WordPress Extensions.

      Nexter Theme

      Discover the lightest, fastest starter theme for page builders. Built with pure Vanilla JS and no jQuery.

  • Starter Templates
  • Nexter for
    • Nexter For
      marketer

      For Marketers

      Begginer

      For Beginners

      Agencie

      For Agencies

      e-commerce

      For E - Commerce

      Freelancer

      For Freelancers

      28 Unique Features to
Choose Nexter
      icon
      Learn More
  • Resources
    • Explore
      changelog

      Changelog

      request-feature

      Request Feature

      road-map

      Roadmap

      free-vs-pro

      Free vs Pro

      review

      Reviews

      Community
      Blogs

      Blog

      fb

      Facebook Community

      video-icon

      Video Tutorials

      join-icon

      Join Affiliate

      e-books

      Academy

      NEW
      Support
      documentions

      Documentation

      free-helpdesk

      Free Helpdesk

      pro-help-desk

      Pro Helpdesk

      Live-chat

      Live Chat

      ai-chat-icon

      AI Chat

      24x7
  • Pricing
Log In
click hereGet Nexter
nexter-site-logo
    Home
    Product
    Nexter Theme
    Nexter Extension
    Nexter Blocks
    Blocks
    Listing
    Builder
    Extras
    Nexter For
    For Marketer
    For Beginners
    For Agencies
    For E - Commerce
    For Freelancers
    Resources
    Changelog
    Request Feature
    Roadmap
    Free vs Pro
    Reviews
    Blog
    Facebook Community
    Video Tutorials
    Join Affiliate
    E - Books
    Documentation
    Free Helpdesk
    Pro Helpdesk
    Live Chat
    AI Chat
    Pricing
Login Get Nexter Pro

What's New ?

Stay updated with the latest features, improvements, and fixes — all in one place.

Request FeatureWatch VideoRead DocsRoadmapFB CommunityJoin Discord
July 28, 2025

Introducing Blocks Presets, Smooth Scroll Effects & More in Nexter Blocks.

Introducing Blocks Presets, Smooth Scroll Effects & More in Nexter Blocks.

We’ve got exciting news for you! The latest Nexter Blocks v4.5.0 update is packed with enhancements that’ll save you time, make your workflow smoother, and…

Learn More
July 14, 2025

June 2025 Monthly Updates: New Dynamic Repeater Block, Glassmorphism Effects, Introducing Academy & More

June 2025 Monthly Updates: New Dynamic Repeater Block, Glassmorphism Effects, Introducing Academy & More

This month, we’ve rolled out powerful new features and enhancements in Nexter Blocks to help you build more dynamic, visually stunning websites faster and with more control.…

Learn More
June 24, 2025

Introducing Glassmorphism(Liquid Glass Effect) & Repeater Block in Nexter Block (Support ACF & JetEngine) WordPress

Introducing Glassmorphism(Liquid Glass Effect) & Repeater Block in Nexter Block (Support ACF & JetEngine) WordPress

We’ve got some exciting news to share with you: two new updates just landed in Nexter Blocks! If you’ve been wanting more flexibility and style…

Learn More
June 11, 2025

May 2025 Monthly Updates: Nexter v4.2.0 Major Upgrade, Global Styles Revamp, Form Layout Controls & More

May 2025 Monthly Updates: Nexter v4.2.0 Major Upgrade, Global Styles Revamp, Form Layout Controls & More

This month, we've rolled out major new updates to Nexter Extension and Nexter Blocks that will completely level up your WordPress workflow, giving you more control, speed, and a smoother user…

Learn More
May 26, 2025

Nexter Extension Update v4.2 – Powerful New Features for a Smarter, Faster WordPress

Nexter Extension Update v4.2 – Powerful New Features for a Smarter, Faster WordPress

We’ve rolled out some exciting new updates to the Nexter Extension, and this time, it’s all about making your WordPress experience faster, cleaner, and more…

Learn More
May 19, 2025

Introducing the New Nexter Website Setup, Global Styles & More

Introducing the New Nexter Website Setup, Global Styles & More

We’ve got some exciting updates to share with you in Nexter Blocks, and trust us, you’re going to love them. We’ve been fine-tuning things to…

Learn More
Read More Updates

Social Sharing

How to Add Social Sharing Buttons in WordPress?

Updated on December 6, 2024

Home - Documents - Nexter Blocks - Social Sharing - How to Add Social Sharing Buttons in WordPress?

Table of Contents

Adding social share buttons to a page makes it easy for visitors to share your content across various social media platforms, helping to expand your content’s reach and attract a wider audience.

With the Social Sharing block from Nexter Blocks, you can easily add social sharing buttons in WordPress.

LIVE BLOCK LINK

Required Setup

  • Make sure the default WordPress Block editor is active. 
  • You need to have the Nexter Blocks plugin installed and activated.
  • This is a Premium block, and you need the PRO version of Nexter Blocks.
  • Make sure the Social Sharing block is activated, to verify this visit Nexter Blocks → Blocks → and Search for Social Sharing and activate.

How to activate the Social Sharing Block?

Go to 

  • Nexter Blocks → Blocks 
  • Search the block name and turn on the toggle then click Save Settings.

social sharing activation

Key Features

  • Three Layouts – You can select from 3 layouts, Horizontal, Vertical, and Toggle.
  • Multiple Styles – You can choose from multiple preset styles for each layout.
  • Fake Share Counter – You can easily show a fake total share counter.

How to Use the Social Sharing Block?

Add the Social Sharing block to the page.

From the Layout section, you have to select the layout. Here you’ll find three options –

social sharing layout

  • Horizontal – To align the social icons horizontally.
  • Vertical – To align the social icons vertically. This can be used to create sticky social icons. 
  • Toggle – To create a social share toggle button.

Select the option as per your requirements. Let’s select Horizontal here.

You can select a predefined style from the Style section.

From the Content View section, you can select the social button view type. Here you’ll find six options – 

  • Icon – To show only social icons.
  • Icon Count – To show social icons with a share counter.
  • Text – To show only social text.
  • Text Count – To show social icons with a share counter.
  • Icon Text – To show social icons with text.
  • Icon Text Count – To show social icons with text and share counters.

Select the option as per your requirements.

From the Column dropdown, you can manage the number of columns of the social icons.

You can align the social icons for different responsive devices from the Block Alignment section. 

From the Content Alignment section, you can align the content on the button.

By enabling the Display Counter toggle, you can add a fake or custom total share number. 

Then in the Networks section, you have to add the social icons. By default, you’ll find four repeater items, open one item.

social sharing networks

From the Social Network dropdown, you have to select your desired social network.

In the Title field, you can add the social network title.

Then in the Count Number field, you can add fake or custom share numbers for that social network.

In the Count Label field, you can add a label for the counter number.

You add an extra text after the counter number from the Social Button field.

Note: The visibility of the Title, Counter Number, Count Label and Social Button on the front end will depend on the selected button View Type.

By enabling the Custom URL toggle, you can add a custom link to the button.

From the Aria Label field, you can add an Aria label to the social icon to improve accessibility for users with disabilities.

Then from the Normal and Hover tab section, you can customize the title color, icon color, counter number color, counter label color, border color and background for normal and hover states.

Similarly, you can edit the remaining items.

You can click on the + Add Network button to add more social sharing buttons.

How to Style the Social Sharing Block?

To style the Social Sharing block, you’ll find all the options in the Style tab. The styling options will vary based on the selected layout and view type.

Title – From here, you can style the social sharing button title.

social sharing style

Counter – From here, you can style the social sharing button counter number.

Icon – From here, you can manage the social sharing button icon size and width.

Toggle – You’ll see this option only when you select Toggle as the layout type. From here, you can style the toggle button.

Total Counter – You’ll see this option only when you’ve enabled the total counter toggle. From here, you can style the total counter number and text.

Background – From here, you can manage the width, height, and background style of the social button’s container.

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

View Advanced tab tutorial.

Get Instant Answers to all your questions about Nexter Blocks, Exensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Docs

Docs Loop

How to Add a Before and After Opacity Slider in WordPress?
icon

Docs Loop

How to Add a Blend Cursor in WordPress?
icon

Docs Loop

How to Add a Blockquote in WordPress?
icon

Docs Loop

How to Add a Button in a WordPress Message Box?
icon

Docs Loop

How to Add a Button in WordPress Timeline?
icon

Docs Loop

How to Add a Call to Action Banner in WordPress?
icon
123

Take your WordPress Experience to
the Next Level

WordPress Theme
Theme Builder
90+ WordPress Blocks
1000+ Pre-Build Templates
Unique WP Extensions
Performance Booster
Security Harder
Code Snippets
click hereGet Nexter

NO SPAM GUARANTEE

Get Exclusive WordPress Tips, Tricks and Resources
Delivered Straight to Your Inbox!

Nexter Theme

Overview

Features

Starter Website Templates

1000+

Nexter Extension

Overview

Features

Nexter Blocks

Overview

WordPress Blocks

Blocks

Listing

Builder

Extras

Nexter For

Unique Features

28+

For Marketers

For Beginners

For Agencies

For E-commerce

For Freelancers

Resources

Pricing

Changelog

New Updates

Download Child Theme

Request Feature

Roadmap

Nexter Free vs Pro

Affiliate Program

Blogs

Uptime

99.99%

Brand Kit for Press & Media

Get Support

Login

Helpdesk

Documentation

Video Tutorials

Facebook Community

AI Chat

24x7

Our Products

The Plus Addons for Elementor

WDesignKit - Templates,Widgets Builder & More

UiChemy - Figma to WordPress Convertor

3.0

SproutUI - 1300+ Figma Design Kit

NEW

Company

Website

About Us

Our Team

Career

Write For Us

Contact Us

Legal

Refund Policy

60 Days

Cookie Policy

Privacy Policy

Support Policy

Affiliate Agreement

Acceptable Use Policy

© POSIMYTH Innovations 2025

Frame 1272634151
Frame (2)
youtube-svgrepo-com 1
Frame 1272634152
Copy
How it works?