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

Use the Social Links Block 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 template displays additional built-in icons, visit Adding social icons.

Tip: To help you get started, your template might include a Social Links Block in its demo content. To customize the block, hover over it and click Edit.

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.

Add or edit social icons

To add, remove, or rearrange the icons, open the Social Links panel from the block:

  1. Open any page with a Social Links Block.
  2. Hover over the Social Links Block, and click Edit. The Social Links settings will open in the block’s Accounts tab.
  3. Scroll down to the Add a social link or email field.
  4. Copy and paste a URL for a profile page or an email address into the box.
  5. Press Enter on your keyboard.
  6. Click Apply to save changes.

To learn more about the Social Links panel, visit Adding social icons.

Change the design

In the block editor, you can adjust the following settings, then click Apply to save your changes:

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

Change the alignment of the icons relative to the block's container. Choose from:

  • Left
  • Center
  • Right.
Size

Change the icon size. Choose from:

  • Extra Small
  • Small
  • Medium
  • Large
  • Extra Large
Style

Changes the style or shape of the icons. Choose from:

  • 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
Color

Change the background color of the icons. Choose from:

  • Black 
  • White
  • Standard - The icons match the service's branding. For example, the Facebook icon will be blue.
Was this article helpful?
125 out of 410 found this helpful
Using Social Links Blocks