Getting Started

How to Add Share Buttons in the WordPress Block Editor

How to add share buttons in the block editor

To add share buttons anywhere in a post, insert the Social Linkz Share block in the WordPress block editor (Gutenberg), then choose your networks and design from the block sidebar. Unlike automatic inline buttons that attach above or below your content, the block lets you drop share buttons at any exact point in a post — after an intro, mid-article, or before a call to action.

What is the Social Linkz Share block?

The Social Linkz Share block (social-linkz/share) is a native WordPress block that renders social share buttons wherever you place it. Each network is a separate inner block inside the share block, so you can add, remove, and reorder networks directly on the canvas. The block was added in Social Linkz 1.8.6.

Step 1: Insert the block

  1. Edit a post or page in the WordPress block editor.
  2. Click the + (block inserter) where you want the buttons.
  3. Search for Social Linkz Share and select it.
  4. The block is added with its share buttons ready to configure.

Step 2: Configure the networks

Each network inside the block is its own inner block, so you manage them right on the canvas:

  • Add the networks you want to offer.
  • Remove any you don't need.
  • Reorder them so they appear in the order you prefer.

Step 3: Design the buttons from the sidebar

With the block selected, open the block settings sidebar to style the buttons. The block exposes the same design controls as inline buttons, including:

  • Button style and layout
  • Alignment and size
  • Button shape
  • Button color, hover color, icon color, and icon hover color
  • Button margin

Adjust these to match your theme. For a deeper look at branding options, see style and brand your buttons.

Step 4: Publish

Update or publish the post. The share buttons render exactly where you placed the block on the front end.

When to use the block vs inline buttons

  • Use inline buttons when you want share buttons automatically on every post or page — set once under Inline Content.
  • Use the block when you want buttons at a specific spot in a single post, or a second set of buttons in addition to the inline ones.

Conclusion

The Social Linkz Share block gives you precise, visual control over where share buttons appear in a post — insert it, pick your networks as inner blocks, and design it from the sidebar. For site-wide automatic buttons, pair it with inline share buttons, and see style and brand your buttons to make them match your theme.

FAQs

How do I add share buttons in the block editor?

Edit a post, click the + block inserter where you want the buttons, search for Social Linkz Share, and select it. Then configure the networks and design from the block sidebar and publish.

What is the name of the Social Linkz block?

The block is called Social Linkz Share and its block type is social-linkz/share. Each network is a separate inner block inside it.

Can I place share buttons in the middle of a post?

Yes. That is the main advantage of the block — insert it at any point in the content to show share buttons exactly there, rather than only above or below the post.

Which version added the block?

The Social Linkz Share block was introduced in Social Linkz 1.8.6.

Can I use both the block and automatic inline buttons?

Yes. You can enable automatic inline share buttons site-wide and also drop the Social Linkz Share block into specific posts for buttons in an exact spot.

Was this page helpful?

Previous
Add Share Buttons to Posts