Back to Support Content and Media Menus Create a Social Links Menu

Create a Social Links Menu

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.

An example of a social links menu from the Maywood theme.

Method 1: Add a Social Menu in the Site Editor

In the Site Editor, display a social links menu by inserting the Social Icons block. Follow these steps to add a new social links menu:

  1. Visit your dashboard.
  2. Go to Appearance → Editor.
  3. Click on the right side of the screen to open up the editing area.
    • Alternatively, select Library and choose the area of your site you wish to insert social links (typically the header or footer.)
  4. Open List View at the top-left corner of your screen (it’s the icon that looks like three horizontal lines above each other.)
  5. Select a position and click the + Block Inserter.
  6. Search for the Social Icons block and click to add it.
  7. Click the + icon and select the first social media profile you wish to add.
  8. Click the newly-added icon and enter the URL of your social media profile. Press enter/return on your keyboard to submit.
  9. Repeat for as many icons as you wish to add.
  10. Click Save to save your changes.

Video Tutorial

Slow down or speed up the video using the controls in the lower right corner after clicking Play

Method 2: Add a Social Menu in the Customizer

On sites with classic themes, you can add a social links menu using the Customizer using one of two methods:

To create a social links menu, follow these steps:

  1. Visit your dashboard.
  2. Go to AppearanceCustomize.
  3. Click the Menus tab:
Menus option in customizer
  1. If you see a Social menu has already been created, you can click it to begin editing. If not, click Create New Menu instead and type in a name, such as “Social” for example.
Creating a New Menu option
  1. Ensure that the checkbox for Social Links/Icons is checked under Menu Locations:
Social Links Menu menu location
  1. To add your first social media link to the menu, click + Add Items:
Button to Add Items in Social menu
  1. Next, select the Custom Links menu item type:
Custom links option to add menu item
  1. 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.
  2. Once you have filled in both fields, click Add to Menu:
Button to Add to Menu
  1. Repeat the above steps until all the social media profiles you wish to use have been added to the menu:
Adding more Custom links menus
  1. Finally, click Save Changes. Check your site to see your brand new social media icons!

Supported 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.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!