Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Social Links Block

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

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Social Links from the menu.
  4. 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:

Style

Changes the style or shape of the icons. The options are:

  • Regular - The default shape of the service's branding. For example, the Facebook icon will be in the shape of an "f."
  • Circle - Border
  • Circle - Knockout
  • Circle - Solid
  • Square - Border
  • Square - Knockout
  • Square - Solid
  • Rounded - Border
  • Rounded - Knockout
  • Rounded - Solid
Size Changes the icon size. The options are:
  • Extra Small
  • Small
  • Medium
  • Large
  • Extra Large
Alignment Changes the alignment of the icons relative to the block's container. The options are Left, Center, and Right.
Color

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:

Was this article helpful?
33 out of 95 found this helpful
Using the Social Links Block