Skip to content
Email

Customize the social module in your marketing emails

Last updated: December 14, 2021

Applies to:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

If you're editing an email using the drag and drop email editor, you can add the social module to your email to allow your recipients to directly navigate to your social media accounts.

You can also edit the appearance of the associated social media icons directly in the content editor.

To get started, navigate to your email and add the social module:
  • In your HubSpot account, navigate to Marketing > Email.
  • Hover over the email you want to edit and click Edit.
  • Click and drag the Social module into your email, then customize the styling and your social account settings. If you have a Marketing Hub Professional or Enterprise account, the module will include the accounts you connected to the social tool by default.
  • To edit, add, or remove accounts:
    • To edit an existing social network, hover over that network and click the edit icon edit.
        • Use the dropdown menu to select a social network from the list of default options. Each network will include a set of default icons you can select.
        • Enter the URL for your company's social network. This is what the corresponding social network icon will link to.
        • Use the dropdown menu to select a social network from the list of default options. There will be default icons for these social networks on the list.
    • To add a new social network to your module, click + Add.

edit-social-module-in-editor

    • To remove a network, hover over it and click the delete icon delete.
  • After you've made your selections, click Done to return to the module editor.

Once you've added all the social networks you want to include, you can customize the layout and appearance of the social module.

  • To reorder the social networks in your module, click on a social network to drag and drop it into place.

reorder-social-networks-in-editor

  • To adjust the appearance of the social network icons, use use the dropdown menus to customize the following:
    1. Display: select whether to show the icon or text of the social network, or both.
    2. Icon style scheme: select whether to display a Circular or Square icon. and whether the icons should appear in Color, Black and white, or Grey.
    3. Scale: enter a number or slide the scale to adjust the size of each of the social network icons.
    4. Spacing: enter a number or slide the scale to adjust the spacing between each of the social network icons.
    5. Alignment: select whether the social network icons are aligned to the Left, Right, or Center of your email. Social network icons in this module are always laid out horizontally.

edit-social-module-styling-in-editor

Your changes to your social network settings in the left sidebar panel will be immediately reflected in the content editor.