1. Help Center
  2. Using the B12 Editor

Add 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: 09/12/2024

Linking to your socials is a great way to legitimize your site and market your business. To add social media icons/badges to your footer, use the following steps:

Update your contact information and add your socials

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.

2. Once you've selected the proper section, the editing panel will appear on the left-hand side of your screen:

3. Scroll over to the section labeled "contact information" and select it.

4. Once selected, scroll down on the lefthand editing panel until you see "social media":

5. This is where you can add links to Facebook, Instagram, X (formerly Twitter), and more. Once you've added your social links, you're ready to customize your icons.

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. Click into the footer

2. Navigate to the socials section

Once selected, scroll down on the lefthand panel until you see "Social media icons" :

3. Publish content 

Use the options in the drop-down to customize the look of your icons. Once you're pleased, hit publish.

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
6. Publish the change

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!