The Social block adds a row of social media icons to your template, each linking to a social media profile or page. Icons are selected from a library of supported platforms and can be configured with individual URLs. The block appearance, including icon style, size, alignment, and spacing, is managed centrally for all icons in the block.
📌 Note: The Social block is configurable and may not be visible in your Designer if it has not been enabled for your CRM instance. Contact your SHR support team if you need this block enabled.
Before you start
Review the following before working with the Social block.
The Social block must be placed inside a column within a Columns row. It cannot be added directly to the canvas.
Each platform icon requires its own URL. Icons without a configured URL will not link anywhere when clicked by a recipient.
Only platforms with a configured URL should be included in the block. Remove any platform icons that your organisation does not use.
Add a Social block
In an email template
Follow the steps below to add a Social block to an email template.
From the left navigation menu, click Campaign Management Tools.
Click Channels, then click Emails.
Open the template you want to edit and click Designer.
Click the Content tab in the right-side panel.
Drag the Social block from the panel into a column in the canvas.
Click the block to select it. The right-side panel updates to show the Social settings.
In a landing page template
Follow the steps below to add a Social block to a landing page template.
From the left navigation menu, click Campaign Management Tools.
Click Components, then click Landing Pages.
Open the template you want to edit and click Designer.
Click the Content tab in the right-side panel.
Drag the Social block from the panel into a column in the canvas.
Click the block to select it. The right-side panel updates to show the Social settings.
Add and configure platform icons
The Icons section in the right-side panel controls which social media platforms appear in the block.
Add a platform icon
Follow the steps below to add a social media platform to the block.
Click the Social block in the canvas to select it.
In the right-side panel under Icons, locate the icon grid labelled "Click the icons to add."
Click any platform icon in the grid to add it to the Social block. The icon appears in the canvas row.
The following platforms are available to add: Facebook, X (Twitter), Instagram, LinkedIn, Pinterest, Vimeo, YouTube, Snapchat, WhatsApp, Reddit, Messenger, Tripadvisor, Medium, Tumblr, Apple Music, Spotify, SoundCloud, Yelp, Skype, Flickr, GitHub, Google+, Discord, Telegram, TikTok, and Email.
Configure a platform URL
Follow the steps below to add the URL for a platform icon.
Click directly on the platform icon in the canvas to select it and open its settings.
Enter the full URL for the social media profile or page in the link field.
Repeat for each platform icon in the block.
📌 Note: Icons without a configured URL will appear in the template but will not link anywhere when clicked. Always configure a URL for every icon included in the block.
Remove a platform icon
Follow the steps below to remove a platform icon from the block.
Click directly on the platform icon in the canvas to select it.
Use the delete option to remove it from the block.
Configure icon appearance
The Icons section also controls the visual appearance of all icons in the block.
Follow the steps below to configure the icon appearance.
Click the Social block in the canvas to select it.
In the right-side panel under Icons, configure the following settings.
Icon Type: The shape and color style applied to all icons in the block. Select from the dropdown.
Circle: Coloured circular icon in the platform's brand color.
Circle Black: Circular icon with a black background.
Circle White: Circular icon with a white background.
Round: Rounded square icon in the platform's brand color.
Round Black: Rounded square icon with a black background.
Square: Square icon in the platform's brand color.
Square Black: Square icon with a black background.
Align: The horizontal alignment of the icon row within the column: left, center, or right.
Icon Size: The size of the icons in pixels.
Icon Spacing: The amount of space between each icon in the row.
📌 Note: Icon Type, Align, Icon Size, and Icon Spacing apply to all icons in the block. Individual icons cannot be styled differently from each other within the same Social block.
Enable Display Conditions on a Social block
Display Conditions allow the Social block to be shown or hidden for specific recipients based on their profile data.
Follow the steps below to enable Display Conditions on a Social block.
Click the Social block in the canvas to select it.
In the inline block toolbar that appears above the block, click the checkmark icon. This enables Display Conditions for the block, and the Display Condition section becomes active at the top of the right-side panel.
Configure the condition to control which recipients see this Social block.
📌 Note: Display Conditions are also referred to as Dynamic Content. Refer to the Template Designer – Display Conditions article for full guidance.
Duplicate or delete a Social block
The inline block toolbar above the Social block provides two additional options.
The copy icon duplicates the block, creating an identical copy immediately below it.
The trash icon deletes the block from the template.
Additional information
The following covers additional information about the Social block.
Platform URL requirements
Each platform icon should have a configured URL. Icons without a URL will display in the template but will not link anywhere when a recipient clicks them. Only include platform icons for social profiles your organisation actively uses.
Individual icon styling
Icon Type, size, and spacing settings apply to all icons in the Social block equally. If you need different styles for different icons, use separate Social blocks for each group.
Adding the same platform multiple times
Clicking a platform icon in the grid adds it to the block. If your organisation uses multiple accounts on the same platform, you can add the same icon more than once and configure each with a different URL.
Icon count and mobile rendering
There is no set limit on the number of icons, but a large number of icons may affect how the block renders on mobile screens. Test your template before publishing.