A social links menu can make it easy for your website visitors to find you on social media by displaying attractive icons for services like Facebook, Instagram, YouTube, and many more. This guide will show you how to create a social links menu.
Follow the steps below to add a social links menu to your site.
To determine which section of this guide to follow, visit your dashboard and check under Appearance on the left side. If you see Editor, use the Site Editor section of this guide. Otherwise, use the WP Admin or Customizer instructions.
Select the appropriate tab for your design interface:
Select the Template or Template Part you want to edit, or click the preview of your site to open the Site Editor.
Open List View at the top-left corner of your screen (it’s the icon that looks like three horizontal lines above each other.)
Select a position and click the + Block Inserter.
Search for the Social Icons block and click to add it.
Click the + icon and select the icon for the first social media profile you wish to add.
You can search for a specific social media network or click the “Browse all” link to view all available social networks.
Click the newly added icon and enter the URL of your social media profile. Press enter/return on your keyboard to submit, or click the “Apply” icon (represented by a curved arrow).
Repeat for as many icons as you wish to add.
Click the “Save” button to save your changes.
Video Tutorial
On sites with classic themes, you can add social menus using WP-Admin using the following steps:
Visit your dashboard.
Go to Appearance → Menus.
Ensure the correct menu is selected at the top of the screen, or click the “Create a new menu” link.
Click the “Custom Links” section under the “Add menu items” header.
In the URL field enter the link to your first social media profile.
In the Link Text field, enter the name of the profile (this will not display on the site, but it’s helpful for you to remember which links you’ve added.)
Click the “Add to Menu” button.
Repeat steps 6 and 7 for each social media profile you want to add.
Under the Menu Settings header locate the “Display Location” option and check the box for Social Menu.
Click the “Save Menu” button.
On sites with classic themes, you can add a social links menu using the Customizer using one of two methods:
If the theme supports a social links menu, use the steps below to add social links to your menu.
To create a social links menu, follow these steps:
Visit your dashboard.
Go to Appearance → Customize.
Click the Menus tab.
Click Create New Menu or select an existing menu to edit.
Ensure that the checkbox for Social Links/Icons is checked under Menu Locations:
To add your first social media link to the menu, click the “+ Add Items” button.
Next, select the Custom Links menu item type:
Here, fill in the two fields:
URL: Add the link address for one of your social media profiles. For example, if the link to your Facebook profile is https://www.facebook.com/WordPresscom, you would paste that into the URL field.
Link Text: Type a name for the social media site, such as Facebook or Instagram.
Once you have filled in both fields, click the “Add to Menu” button.
Repeat the above steps until all the social media profiles you wish to use have been added to the menu:
Click the “Save Changes” button to push your changes to your site.
Supported Social Icons
Linking to any of the following sites in your social links menu will automatically display its icon in your menu:
500px
Amazon
Apple
Bandcamp
Behance
CodePen
DeviantArt
Digg
Dribbble
Dropbox
Etsy
Facebook
Flickr
Foursquare
GitHub
Goodreads
Google+
Instagram
LinkedIn
Email (mailto: links)
Meetup
Medium
Pinterest
Pocket
Reddit
RSS Feed (URLs with /feed/)
Skype
SlideShare
Snapchat
SoundCloud
Spotify
StumbleUpon
Tumblr
Twitch
Twitter
Vimeo
VK
WordPress
Yelp
YouTube
Older themes may support a different set of icons — your theme’s documentation may list supported icons.