Dashboard

Social Icons Block

The social icons block helps you add social media links to your emails. While it comes with presets for popular networks, you can also create custom social icons.

How It Works

Add the block by clicking the plus icon and selecting “Social Icons”.

For each icon you can:

  • Choose from preset social networks
  • Set a custom icon image URL
  • Add the profile/account URL
  • Adjust icon size
  • Set spacing between icons
  • Choose alignment
  • Adjust the icon’s background and border settings.
Resize the icons

Preset Social Networks

The block includes optimized icons for:

  • Facebook
  • Twitter/X
  • Instagram
  • LinkedIn
  • YouTube
  • Pinterest
  • TikTok
  • Google Plus
  • Tumblr
  • GitHub
  • Xing
  • Vimeo
  • Medium
  • SoundCloud
  • Dribbble

Custom Social Icons

For other networks or custom icons:

  1. Add any of the preset social icons.
  2. Change the icon image URL to the one for your custom social network.
  3. Add your profile/account URL.
  4. Change the background color if needed.

Email Client Compatibility

Use jpg, png, or gif images so that the icons display correctly in most email clients.

Tips

  • Use consistent icon sizes
  • Test all links before sending
  • Consider your audience when choosing networks
  • Keep icon sets minimal and relevant
  • Ensure custom icons match preset icon styles

Related Guides

  • Columns Block

    The Columns Block allows you to add different types of columns to your email Adding Columns Select Columns: In the block, select the type of column you want to use. Add Content: Click within each column to add content. You can insert other blocks (like images, headings, or paragraphs) into each column. Increase/Decrease Columns Column…

    Read More

  • Separator Block

    The separator block in Noptin visual email editor creates a break between two blocks of content with a horizontal line. This helps create a separation between ideas or sections in your content or email Adding a Separator Block Open the visual email editor in Noptin On the left panel, Select Separator to add the separator block in…

    Read More

  • Spacer Block

    The spacer block in visual email editor in Noptin allows you to create space between two blocks. To add a horizontal space (between blocks in a row), the spacer block has you covered. Adding a Spacer Block Block Toolbar Options Transform Convert the Spacer block into a Columns or Sections block. Click on the Spacer button on the tool bar to…

    Read More

  • Heading Block

    The heading block helps you structure your email content into sections.

    Read More

  • Paragraph Block

    Besides adding text, the Paragraph block offers various formatting options to customize text content. It lets you make the text bold, italics, and strikethrough.

    Read More

  • Image Block

    Use the image block to display images in your email newsletter.

    Read More

  • List Block

    The list block helps you create ordered (numbered) and unordered (bullet) lists in your emails.

    Read More

  • Button Block

    The button block displays eye-catching calls to action in your emails.

    Read More

  • Custom HTML Block

    The custom HTML block lets you add custom HTML code directly to your emails.

    Read More

  • Table Block

    The table block lets you organize content into rows and columns.

    Read More

Leave a Reply

Your email address will not be published. Required fields are marked *