Social Icons Block

The Social Icons block in Noptin visual email editor allows you to add icons linking to your social media profiles or sites in the email.

Adding the Block

Navigate to the visual email editor

Choose the Social Icons on the left panel to add the block into the email editor

Alternatively, Click the “+” button in the email editor to add a new block.

How to add social icons block in to email editor
Options to add the social icons block in Noptin visual email editor

Search for “Social Icons” and add the block to your content.

Add Social Media Icons

  • Click the “+” icon within the Social Icons block to add your social media accounts.
  • Choose from available platforms like Facebook, Twitter, Youtube
  • Click on the + button within the block to add more Icons

Add URLs to the Icons

Adding urls to the social icon
  • Click on an icon to open the URL field.
  • Copy and paste your social profile URL (e.g., twitter.com/YourUsername).
  • Press Enter to save.

Icon Customization

Press the Social Icons button on the task bar to open the block settings on the right

Icon Style

Click on the Social Icons block to select it.

In the block settings on the right, you’ll find options to choose an icon style.

changing the icon background

Set the icon’s background color from the color picker and adjust the icon border

Icon Resize

  • Click on a social icon you want to adjust the size or space in the block
  • On the right menu, choose block
  • Adjust the icon size from small (S), medium (M), Large (L) and Extra Large (XL)

Alignment

You can align the icons left, center, or right.

Click on the social icon on the task bar to reveal the alignment button

Social Icon and the Alignment button respectively on the task bar