Skip to content
Marketing

Social Element in Email Builder

The Social Element allows you to easily add social media icons with clickable links to your email templates. It helps your audience connect with your…

2 min read504 words4 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. What is the Social Element in Email Builder?
  2. Key Benefits of the Social Element
  3. How To Setup the Social Element
  4. Frequently Asked Questions

The Social Element allows you to easily add social media icons with clickable links to your email templates. It helps your audience connect with your brand on various platforms, improving engagement and visibility across channels while keeping your email design visually balanced and professional.

TABLE OF CONTENTS

What is the Social Element in Email Builder?

The Social Element is a drag-and-drop block that lets you include recognisable social media icons such as Facebook, Instagram, LinkedIn, X (Twitter), YouTube, and more. Each icon can be linked to your respective profile, encouraging subscribers to follow, like, or interact with your brand on social platforms.

You can customise icon style, colour, size, and alignment to ensure the social section matches your email’s overall design and brand identity.

Note: The Social Element uses icons optimised for email, ensuring they display clearly and consistently across all major email clients.

Key Benefits of the Social Element

Including the Social Element in your email design offers several key advantages:

  • Increases audience engagement by linking directly to your social platforms.

  • Strengthens brand credibility through consistent cross-channel presence.

  • Fully customisable adjust icon colour, size, and alignment to fit your email’s style.

  • Quick and easy to update or reorder social icons.

  • Automatically optimized for both desktop and mobile views.

How To Setup the Social Element

Follow these steps to add and configure the Social Element in your email template:

  1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.

    Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account… What this shows Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account dashboard. What this shows Shows where to go for step 1 of 8 in the "How To Setup the Social Element" section of "Social Element in Email Builder". This screenshot accompanies step 1 of 8 in the "How To Setup the Social Element" section of "Social Element in Email Builder". At this point in the walkthrough you navigate to Marketing → Emails → Templates from your sub-account dashboard. The next step is to open an existing template or click the + New button to create one. Step 1 of 8Image 1 of 4 Where to goNavigate to Marketing → Emails → Templates from your sub-account dashboard.
    Buttons and menus referenced Marketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Social ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepOpen an existing template or click the + New button to create one.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard. this image
    2. Open an existing template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Social Element under the Elements section.
    5. Drag and drop the Social Element into your preferred location, typically in the header or footer of your email layout.
    6. Click on the Social Element to open the Edit tab on the left panel. Here you can:
    7. (Optional) Use the Visibility tab to adjust Device-Based Visibility or Conditional Sending rules.
    8. Preview your email on both desktop and mobile to ensure the icons display clearly and are properly linked.

  2. Open an existing template or click the + New button to create one.

    Step 2 of 8: Open an existing template or click the + New button to create one What this shows Step 2 of 8: Open an existing template or click the + New button to create one. What this shows Shows where to go for step 2 of 8 in the "How To Setup the Social Element" section of "Social Element in Email Builder". This screenshot accompanies step 2 of 8 in the "How To Setup the Social Element" section of "Social Element in Email Builder". At this point in the walkthrough you open an existing template or click the + New button to create one. The next step is to in the Email Builder, click the Add Elements (+) icon in the left sidebar. Step 2 of 8Image 2 of 4 Where to goOpen an existing template or click the + New button to create one.
    Buttons and menus referenced + NewMarketing → Emails → TemplatesEmail BuilderAdd Elements (+)Social ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepIn the Email Builder, click the Add Elements (+) icon in the left sidebar.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing template or click the + New button to create one. this image
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Social Element under the Elements section.
    5. Drag and drop the Social Element into your preferred location, typically in the header or footer of your email layout.
    6. Click on the Social Element to open the Edit tab on the left panel. Here you can:
    7. (Optional) Use the Visibility tab to adjust Device-Based Visibility or Conditional Sending rules.
    8. Preview your email on both desktop and mobile to ensure the icons display clearly and are properly linked.

  3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.

    Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left… What this shows Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left sidebar. What this shows Shows where to go for step 3 of 8 in the "How To Setup the Social Element" section of "Social Element in Email Builder". This screenshot accompanies step 3 of 8 in the "How To Setup the Social Element" section of "Social Element in Email Builder". At this point in the walkthrough you in the Email Builder, click the Add Elements (+) icon in the left sidebar. The next step is to locate the Social Element under the Elements section. Step 3 of 8Image 3 of 4 Where to goIn the Email Builder, click the Add Elements (+) icon in the left sidebar.
    Buttons and menus referenced Email BuilderAdd Elements (+)Marketing → Emails → Templates+ NewSocial ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepLocate the Social Element under the Elements section.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar. this image
    4. Locate the Social Element under the Elements section.
    5. Drag and drop the Social Element into your preferred location, typically in the header or footer of your email layout.
    6. Click on the Social Element to open the Edit tab on the left panel. Here you can:
    7. (Optional) Use the Visibility tab to adjust Device-Based Visibility or Conditional Sending rules.
    8. Preview your email on both desktop and mobile to ensure the icons display clearly and are properly linked.

  4. Locate the Social Element under the Elements section.

  5. Drag and drop the Social Element into your preferred location, typically in the header or footer of your email layout.

  6. Click on the Social Element to open the Edit tab on the left panel. Here you can:

    • Add or Remove Icons: Select which social platforms you want to display.

    • Insert Links: Paste the URL for each social media profile.

    • Customize Appearance: Adjust icon size, shape, spacing, and color (full color or monochrome).

    • Align Icons: Choose left, center, or right alignment.

    • Add Padding: Control spacing above or below the social icons for layout balance.

      Step 5 of 5: Add Padding: Control spacing above or below the social icons for… What this shows Step 5 of 5: Add Padding: Control spacing above or below the social icons for layout balance. What this shows Shows what this covers for step 5 of 5 in the "How To Setup the Social Element" section of "Social Element in Email Builder". This screenshot accompanies step 5 of 5 in the "How To Setup the Social Element" section of "Social Element in Email Builder". At this point in the walkthrough you add Padding: Control spacing above or below the social icons for layout balance. Step 5 of 5Image 4 of 4 What this coversAdd Padding: Control spacing above or below the social icons for layout balance.
      Buttons and menus referenced Marketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Social ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
      All 5 steps in this procedure
      1. Add or Remove Icons: Select which social platforms you want to display.
      2. Insert Links: Paste the URL for each social media profile.
      3. Customize Appearance: Adjust icon size, shape, spacing, and color (full color or monochrome).
      4. Align Icons: Choose left, center, or right alignment.
      5. Add Padding: Control spacing above or below the social icons for layout balance. this image

  7. (Optional) Use the Visibility tab to adjust Device-Based Visibility or Conditional Sending rules.

  8. Preview your email on both desktop and mobile to ensure the icons display clearly and are properly linked.

Frequently Asked Questions

Q: Which social media platforms are supported?

You can add icons for major platforms including Facebook, Instagram, LinkedIn, X (Twitter), YouTube, TikTok, and Pinterest.

Q: How do I add a new social icon that isn’t listed?

You can duplicate an existing icon and replace its image and URL with your custom platform’s logo and link.

Q: Are the social icons mobile responsive?

Yes, they automatically resize and adjust spacing for smaller screens to ensure a clean, user-friendly layout.

Frequently asked questions

What is the Social Element in Email Builder?
The Social Element is a drag-and-drop block that lets you include recognisable social media icons such as Facebook, Instagram, LinkedIn, X (Twitter), YouTube, and more. Each icon can be linked to your respective profile, encouraging subscribers to follow, like, or interact with your brand on social platforms. You can customise icon style, colour, size, and alignment to ensure the social section matches your email’s overall design and brand identity. Note: The Social Element uses icons optimised for email, ensuring they display clearly and consistently across all major email clients.

Was this guide helpful?

Related guides

@Mention or Tag Profile in Posts from Social Planner2 min read · 4 imagesAdd Location Tagging to Social Post1 min read · 9 imagesAdd Pinterest Pins in Social Planner4 min read · 8 imagesSocial Planner - How to Add Multiple Watermarks4 min read · 8 images