How to Integrate Social Media into Your Emails

Content:

Enter the email, navigate to tools & modules, and go to the blocks tab. Click and drag the social networks block into an empty section or above/below an existing block.

Drag the social block into email
Drag the social block into email

How to Choose Icons for Social Networks?

Markeaze has 28 designs of icons for social networks. To choose a specific design, click on the social networks block in your email and in the right panel, in the styles section, click on the dropdown menu for icon styles. Select the appropriate style.

Change the style of social media icons
Change the style of social media icons

How to Edit the Size of Social Network Icons and the Distance Between Them?

Click on the social networks block inside the email and in the right settings panel, in the styles section, move the sliders next to the size of the icons and icon spacing to the desired values. The maximum size of the icons is 100 pixels.

Edit the size of icons and spacing between them
Edit the size of icons and spacing between them

To add links to social networks, click on the social networks block inside the email and in the block settings on the right, find the content section. There you will see the social network icon and a place to insert a link.

Select the icon of the social network you need and paste the link below.

Paste the link address and choose the icon
Paste the link address and choose the icon

To add more social networks, scroll down the settings and click on the add social network button.

Add more social network icons to the email
Add more social network icons to the email

How to Change the Background Color and Border of the Social Networks Block?

Click on the social networks block within the email, and in the right settings panel for the block, scroll down to the background section. There, you can set the background color of the block in hex format. Toggle the switch to open the border style settings. In the window below, you will be able to set the width, color, style, or rounding of the border.

Change the background color and border style for social network block
Change the background color and border style for social network block

How to Change the Alignment and Padding of the Social Networks Block?

Click on the social networks block within the email and in the right settings panel, scroll down to the position section. Here, you can change the alignment of the block and set paddings. To set different paddings for each side, click on the rectangle icon, and additional parameter windows will open below.

Change the align and paddings of social media block
Change the align and paddings of social media block

How to Hide the Display of the Social Networks Block or Convert It to HTML?

You can read more about hiding blocks here, and about converting blocks to HTML here.

Mobile Settings for the Social Networks Block

In the mobile version of the editor, you can edit:

  • The size of the icons
  • The distance between them
  • The padding of the block

To do this, switch to the mobile version of the email, click on the social networks block within the email, and change the parameters in the right settings panel.

Change social media settings for mobile mode
Change social media settings for mobile mode

Settings for the Social Networks Block in Dark Mode

In the dark version of the email, you can change the background color of the social networks block. To do this, switch to the dark version of the email, click on the social networks block, and set the desired background color in hex format in the right panel.

Change social media background color for dark mode
Change social media background color for dark mode
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us