1. Help Center
  2. Using the B12 Editor

Adding social media icons to your footer

Learn how to add social media icons to your B12 website's footer in the editor

me-webp-May-22-2025-10-46-54-0896-PM

Written by: Madeline B.

Last updated: 1st July 2025

To add social media icons to your website's footer, follow the steps outlined below:

Update and add your contact information

Before you can add icons or badges to your footer, you need to make sure your social media accounts are linked to your contact information. To do this:

1. Log in to your B12 editor

2. Select Website > Pages

3. Click directly into your website's footer and click any page, then select footer from the left-hand editing panel

Screenshot 2024-11-10 at 12.53.51 PM

4. On the left-hand editing panel, scroll down until you see the section labeled Contact information and select it

Screenshot 2024-11-10 at 12.55.41 PM

5. On the left-hand editing panel, scroll until you see the section labeled Social media

6. Here, you can add links to Facebook, Instagram, X (formerly Twitter), and more

Don't see your platform listed? If you want to add a social account that you don't see listed, select Add another account and choose from the dropdown.

Icon customization

After adding social links, you can begin customizing the size, appearance, and hover style of your icons:

1. Log in to your B12 editor

2. Select Website > Pages

3. Click directly into your website's footer and click any page, then select footer from the left-hand editing panel

Screenshot 2024-11-10 at 12.53.51 PM

4. On the left-hand editing panel, scroll until you see the section labeled Social media icons 

             

5. From there, you can adjust the icons' size, appearance, and style

6. Once you're finished editing, be sure to select Publish in the upper left-hand corner to ensure your changes are live

 

Get in touch with support for further assistance! If you need further assistance with adding social icons or any other facet of the B12 editor, feel free to use the Chat button in the buttonright corner of your B12 Editor or our Help Center to reach a live agent during support hours or leave a message after hours—or email hello@b12.io!