1. Help Center
  2. Using the B12 Editor

Adding social media icons/badges to your footer

Learn more about adding social media icons and badges to your footer

Written by Madeline Buchanan

Last updated: 10 Nov. 2024

To add social media icons/badges to your footer, use the following steps:

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. Navigate to your site's footer and click on it to begin editing.

Screenshot 2024-11-10 at 12.53.51 PM

3. On the lefthand editing panel, scroll down until you see the section labeled "Contact information"

4. Select Contact information

Screenshot 2024-11-10 at 12.55.41 PM

5. Scroll down on the lefthand editing panel until you see the section labeled "Social media"

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

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. Navigate to your site's footer and click on it to begin editing.

Screenshot 2024-11-10 at 12.53.51 PM

 

2. Scroll down on the lefthand panel until you see the section labeled "Social media icons" and select it:

Note, if you'd like to hide any of your contact information, you can do so by:
1. Select Website -> Pages
2. Navigate to any page with your contact information displayed 
3. Click into your contact section
4. Scroll down on the left-hand editing panel until you see the section labeled Contact details:5. Check the box of whichever bit of information you would like to hide
Publish the changes: In order for your changes to appear on your live site, select publish in the upper righthand corner of your editor.

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!