Helping site owners learn WordPress since 2012 · (844) WP-TUTOR
Block Editor

Using the Sharing Icons Block in Gutenberg

Add social media sharing icons to WordPress with the Atomic Blocks Sharing block in Gutenberg: install the plugin, pick your networks, and style the buttons.

WT
WP Tutoring TeamWordPress Instructors
Updated Mar 8, 2021
1 min read

Step 1

From the Dashboard to to Plugins > Install new and search for the Atomic Blocks Plugin 

Step 2

First go to the page where you would like to post your social media share icons. Click on the plus sign icon in the upper left hand corner. From there, select the Atomic Icons from the drop down menu. Click on AB Sharing.

Step 3

After you click on AB Sharing, 3 social media icons will display in the editor. You can select which social media icons will appear from the menu on the right hand side. You can also style the button from there, and add CSS classes.

Step 4

After you completed your changes, update/publish your page and your buttons will appear.

WT

WP Tutoring Team

WordPress Instructors

We’ve been teaching WordPress to individuals and businesses since 2013 — through step-by-step tutorials and 1-on-1 tutoring sessions.

Leave a comment

Comments are reviewed before they appear.

Get our free WordPress starter guide

Join thousands of site owners and get step-by-step WordPress tutorials in your inbox, plus printable cheat sheets.

Beginner-friendly, no jargon
Printable cheat sheets & checklists
Unsubscribe anytime

Request your session

We’ll reply quickly — usually the same business day.

By using this form you agree with the storage and handling of your data by this site.