Use the Social Links Block to link to social media profiles on any parts of your site that support blocks.
Social icons display on some templates by default. For templates that don't feature default social icons, the Social Links block is a great alternative. It's common to add them to a footer.
Note: Some templates include a Social Links Block in their demo content. Hover over these and click Edit to customize or delete them.
Step 1 - Connect accounts
Visit the Connected Accounts panel to add social accounts that will appear as icons in the block. To learn more, visit Connecting social accounts.
Step 2 - Add the Social Links Block
- Open a page or post editor.
- Click an Insert Point or the +.
- Select Social Links from the menu.
- For more detailed steps, visit Adding blocks.
Step 3 - Change the design
In the block editor, you can change the following settings for the Social Links Block:
Changes the style or shape of the icons. The options are:
|Size||Changes the icon size. The options are:
|Alignment||Changes the alignment of the icons relative to the block's container. The options are Left, Center, and Right.|
Changes the background color of the icons. The options are Black, White, and Standard.
If Standard is selected, the icons will match the service's branding. For example, the Facebook icon will be blue.
Click Apply to save your changes.
After clicking Apply, you can see how the social icons appear. Here's an example:
Tip: These settings don't affect built-in social icons, which have their own style settings.