This article explains how to use the social block to link to your social media accounts or add social sharing icons to your campaign.

	In This Article
	Adding Social Follow Icons Customize Your Featured Social Icons Add or Remove Social Icons Select an Icon Style Adjust the Look of Your Social Icons Adding Social Sharing Icons Social Properties Additional Resources

Adding Social Follow Icons

The social block allows you to add hyperlinked icons of your social media accounts to your campaigns. Although social media icons are most often found at the top or the bottom, you can add the social block to any part of your campaign. By default, the block will be added to your campaign with icons for Facebook, X, Instagram, and LinkedIn.

1. Navigate to your Campaigns tab.
2. Open a saved drag and drop draft or click on the Create new campaign button to create a new campaign from scratch.
3. Click on the Social block in the right panel and drag it to the desired location in your mailing.

Customize Your Featured Social Icons

To edit the URLs behind the icons, click on the block. This will open the Social Properties panel on the right. Replace the default URLs with your organization's unique profile links. If you do not update the default URLs, they will simply link to that social media site in general and not to a specific profile.

Add or Remove Social Icons

In the Social Properties panel on the right, scroll down to the "Add new icon" button. Click on an icon to add it to your campaign.

When selecting your icons, you’ll notice that some icons are labeled "share". If you want contacts to use the icons to share the campaign to their own social media pages, choose one of these. If you want contacts to use the icons to visit your social media sites, choose from the icons that aren't labeled "share".

You can also use the link icon to enter a specific link that you'd like your contacts to follow. The email icon allows you to enter an email address to create a mailto link.

To remove an icon, click on the Delete link in the corresponding section.

Select an Icon Style

To change the appearance of the social icons, scroll to the top of the Social Properties panel and click on the Select icon collection dropdown menu. Once you’ve decided on a style, click to select it and the icons will automatically adjust.

In the "Configure icon collection" section below, you’ll find a toggle labeled "More options" next to each icon. Turning that toggle on allows you to add a title and alternate text for that icon; this is the text that screen readers use in place of the icon, so it’s an important way to make your campaign more accessible for blind and visually impaired recipients.

Adjust the Look of Your Social Icons

Beneath the "Add a new icon" button, you’ll find settings that control the alignment, spacing, and padding of the icons. Use the "Align" section to choose whether you’d like the icons to be left, center, or right aligned. Use the "Icon spacing" section to adjust the amount of space between each icon. The default is 5 pixels, but this can be increased in increments of 5 to a maximum of 20 pixels.

Use the plus and minus signs in the "Padding" section to adjust the amount of space around the block itself. By default, this will change the padding on all four sides of the block; to adjust the padding individually for each side, click on the More options toggle.

Adding Social Sharing Icons

If you’d like to incorporate an option for recipients to share your campaign to social media, you can do so by following the steps below.

1. Drag a social block into your campaign.
2. Use the "Delete" links to remove the existing icons.
3. Click on the Add new icon button.
4. Select any of the icons that include the word "share".
5. Repeat this process until you’ve chosen all the desired icons. Please note: Only icons labeled "share" can be used for sharing.

6. For each icon, type the [% webview_url %] tag in the URL field, as shown below. When clicked, these will create posts on these social networks with the webview link pre-populated.

   

7. In the campaign, these icons will look identical to social follow icons, so the best practice is to use separate blocks and add text that makes it clear that these are sharing links.

   

☑	Tip
	The email icon does not work for sharing purposes. However, the link icon can be used to link out to the webview, which recipients can copy and paste to share with others.

Social Properties

Here are the block settings that are found in the Social Properties panel.

Setting	Function
Icon collection	Changes the icon styles. Click on the dropdown menu and select a collection.
Icon order	Changes the order of the icons. Click on the four stacked lines next to an icon and drag it up / down to change its position.
Icon title	Controls the title of the link behind the icon. Click on the More options toggle for each icon to edit their titles.
Icon alt text	Controls the alternate text of the icon. Click on the More options toggle for each icon to edit their alt text.
Icon URL	Controls the URL behind the icon.
Add icons	Add icons for different social networks. There are different icons for social sharing and social following.
Align	Controls whether the icons are left, center, or right aligned.
Icon spacing	Changes the amount of space between icons.
Block padding	Controls the amount of space around the whole block. Use the plus and minus signs to adjust the padding to your liking or click on the More options toggle to adjust the padding for each side of the block individually.
Hide on	Click on the desktop icon to hide the block on desktop devices. Click on the smartphone icon to hide the block on mobile devices.

Additional Resources

• Drag and Drop Editor: Content Tab
• Drag and Drop Editor: Rows Tab
• Sharing a Campaign on Social Media
• Using the Legacy Social Sharing and Follow Features

---

*In April 2022, Emma's legacy editor was replaced with a new drag and drop editor. Accounts that existed prior to this change still have access to the legacy editor through their previously saved templates and campaigns, however new, from-scratch campaigns can only be created in the new drag and drop editor. Accounts that were created after this change only have access to the new drag and drop editor. Please refer to our new editor FAQ article for more information.