Blocks »Social Links Block
The Social links block allows you to add social media icons to any page or post to direct people to your social media profiles.
Here’s an example:
Insert the Social Links Block
Detailed instructions on adding blocks can be found here.
You can add the Social links block by selecting it from the Add Block button. Alternatively, you can type /social
on a new line and press enter:

Add Your Social Profiles
The block comes with a few pre-added social icons that you can keep or remove as you prefer.
To link an existing icon to your social media account, click that icon. The address field will appear, allowing you to insert the link to your social profile. Click the arrow button to save:

Add New Icons
Click the + Add Icon button to the right of the current icons. This will open a list of all the available icons for you to select the one you want.

You can also use the search bar to find an icon:

If the icon you want isn’t there, there’s a generic link button that can be used instead:

List of Supported Icons
The following icons are available to use:
- 500px
- Apple
- Bandcamp
- Behance
- CodePen
- DeviantArt
- Dribbble
- Dropbox
- Etsy
- Flickr
- Foursquare
- GitHub
- Goodreads
- Last.fm
- Email (mailto: links)
- Mastodon
- Meetup
- Medium
- RSS Feed (URLs with /feed/)
- Skype
- Snapchat
- Soundcloud
- Spotify
- Tumblr
- Twitch
- Vimeo
- VK
- WordPress
- Yelp
- YouTube
Remove an icon
To remove an icon, click on it to bring up its individual toolbar. Click the ellipsis (three-dots) button for that icon and select Remove Block:

Block Settings
Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
In the block settings, you can choose from three different styles for your icons:
- Default
- Logos Only
- Pill Shape

Advanced
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

Each social media icon can also have its own individual class. Add a class to an icon by selecting it, and modifying the Additional CSS Class field for that icon:
