Social links blocks

Add icons to your pages that link to your social media profiles, such as Facebook or Twitter.

Use Social links blocks to add social icons anywhere you can add blocks to your site. The icons link to the URLs you add in the Social links panel. It’s common to add this block to a footer.

To see a list of available platform logos and if your site displays additional built-in icons, visit Adding social icons.

Tip: To help you get started, your site might include a social links block in its demo content. To customize the block, click it, then click Edit or the pencil icon.

Watch a video

Before you begin

The Content tab of social links blocks reflects the information added to the Social links panel of your site. When you update the social links in a social links block, they also update in the Social links panel.

Because of this, all social links blocks show the same social icons. If you add or remove a social link in one social links block, all other social links blocks on your site will reflect the change. It's not possible to have social links blocks display different social icons.

Add a social links block

To add a social links block:

1. Edit a page or post, click Add Block or an insert point, then click Social links. For help, visit Adding content with blocks.
2. Open the block editor by clicking the pencil icon on the block.
3. In the Content tab, add or edit social icons.
4. Click Design to change the design of the social links.

Add or edit social icons

Add a new social icon in the Content tab:

1. Click Add social link.
2. Copy and paste a URL for a profile page or email address in the blank field.
3. Press Enter on your keyboard.

To change the order of the icons, click and drag the icon to the left of an account. To remove an account, click the account, click Delete Social Account, then click Confirm. Alternatively, you can temporarily hide an account by switching the Display Social Icon toggle off.

You can also add and edit social icons in the Social links panel of your site. Keep in mind, any changes made in the Social links panel affect all the social links blocks on your site, and vice versa.

Change the design

Customize the design of the icons using the following settings in the Design tab:

Tip: These settings don't affect built-in social icons, which have their own style settings.

Change the color of the icons

You can change the colors of the icons in a social links block to fit with your site's branding. Your options vary depending on your site's version.

To change the icon colors: