Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Social media icons

In addition to putting social media icons on your site's footer, you may want to feature them more prominently on your home page.

You can use the social media icons home page section for this.

Social media icon section with all icons enabled
Social media icon section with all icons enabled

Add a social media icons section

The Social media icons section can be added to any template (except the Checkout). To learn more about sections and templates, see our article about how to use the theme editor.

In the theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. In the side panel, click +Add section and select Social media icons.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

Add your social media accounts

To display social icons, you will need to copy and paste the URL of your social media accounts to their respective blocks. Social icons are available for: Facebook, Pinterest, Twitter, Instagram, LinkedIn, TikTok, Tumblr, Vimeo, Youtube, and Snapchat.

In the theme editor (Customize):

  1. Click +Add block to select a social icon block and/or click on that block to open the settings.

  2. Paste the URL of your social media account.

  3. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

    Click Remove block in the block settings to delete a block.

    Click the Eye icon to hide or unhide a block.

  4. Click Save.

Change the section headings and style

Change the heading text and choose to use the outline section style.

In the theme editor (Customize):

  1. Click directly on the Social media icons section to open the settings.

  2. Add a Heading.

    This appears above the social media icons.

  3. (Optional.) Choose to enable the Outline section style for an alternate look.

    This option removes the section background and adds a border around the section, which uses your store's border color setting.

  4. Remember to click Save.

Social media icons settings

Click on the Social media icons section to find the following settings:

Configuration Settings

Heading

Add heading text to be displayed above the list of collections.

We recommend keeping this to only a few words long.

Outline section

Enable this option to remove the section background and add a border around the section, which uses your store's border color setting.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.