Add social links to a static block or page?

You can easily add footer social links to a static block or CMS page in Magento by inserting the following HTML snippet:

<a href="#" class="social-icons si-borderless si-facebook">
  <i class="icon-facebook"></i>
  <i class="icon-facebook"></i>
</a>

<a href="#" class="social-icons si-borderless si-twitter">
  <i class="icon-twitter"></i>
  <i class="icon-twitter"></i>
</a>

<a href="#" class="social-icons si-borderless si-instagram">
  <i class="icon-instagram"></i>
  <i class="icon-instagram"></i>
</a>

<a href="#" class="social-icons si-borderless si-vimeo">
  <i class="icon-vimeo"></i>
  <i class="icon-vimeo"></i>
</a>

<a href="#" class="social-icons si-borderless si-pinterest">
  <i class="icon-pinterest"></i>
  <i class="icon-pinterest"></i>
</a>

Steps

1. Go to Content > Blocks (or Content > Pages if adding directly to a page).
2. Choose the block/page where you want the social icons to appear.
3. Switch to HTML mode in the editor.
4. Paste the HTML snippet above.
5. Replace the # in each <a href="#"> with your actual social media profile URLs.
6. Save and refresh your frontend.

✅ You should now see clickable social media icons displayed wherever you added the block or page content.

Updated on: 16/09/2025