Learn how to add social media icons to your B12 website's footer in the editor
![]() 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
4. On the left-hand editing panel, scroll down until you see the section labeled Contact information
and select it
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
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!