Documentation

Blocks

Social Links Block

Last Updated: 

The Social Links block displays social media icons that link to your social profiles. Use this block in email footers or headers to encourage social engagement.

  1. While editing your email template, click the “+” button to add a new block
  2. Search for “Social Icons” or find it in the “Widgets” category
  3. Click to insert the block
  4. Add individual social link blocks inside
  1. Click the “+” button inside the Social Links block
  2. Select a social platform (Facebook, Twitter, Instagram, etc.)
  3. Enter the URL for your social profile
  4. Repeat to add more social links

Available Platforms

Common social platforms include:

  • Facebook
  • Twitter/X
  • Instagram
  • LinkedIn
  • YouTube
  • Pinterest
  • And many more

Icon Colors

  • Icon Color: Color of the social media icons
  • Custom Icon Color: Set a custom color using color picker
  • Icon Background Color: Background color behind icons
  • Custom Icon Background Color: Custom background color
  • Open in New Tab: Choose whether links open in a new browser tab
  • Show Labels: Toggle to show/hide platform labels next to icons

Size

Control the size of social icons:

  • Small
  • Medium
  • Large
  • Custom size

Layout

Social icons are displayed horizontally by default. You can:

  • Adjust spacing between icons
  • Control alignment
  • Set icon size for consistency

Styling Options

Colors

  • Background Color: Background color for the social links container
  • Icon Colors: Customize individual icon colors (if supported)

Spacing

  • Block Gap: Control spacing between social icons
  • Padding: Add spacing around the social links container

Best Practices

  1. Relevant Platforms: Only include social platforms you actively use
  2. Consistent Styling: Match icon colors with your brand
  3. Appropriate Size: Use appropriately sized icons (not too large)
  4. Footer Placement: Typically placed in email footers
  5. Test Links: Always test that social links work correctly
  6. Mobile-Friendly: Ensure icons are easily tappable on mobile

Troubleshooting

Icons Not Displaying

  • Verify social link URLs are correct
  • Check that icons are properly added
  • Test in multiple email clients
  • Some email clients may block images/icons
  • Verify URLs are correct and accessible
  • Test links in a browser
  • Check that “Open in New Tab” setting is appropriate
  • Some email clients may modify links

Colors Not Applying

  • Verify color settings are correct
  • Test in multiple email clients
  • Some clients may have limited color support
  • Use web-safe colors for better compatibility

Additional resources

Use the links below for more information and guidance on adding blocks. Keep in mind that these articles are general information related to the WordPress Editor and building with blocks. Email Customizer does not utilize all blocks or functionality due to the limited capabilities of emails.

WordPress Editor