header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Step 1 | Add a social bar
  • Step 2 | Choose the icons for your social bar
  • Step 3 | Add your social links to your icons
  • Step 4 | Change the layout of your social bar
  • FAQs
  1. Home
  2. Wix Harmony Editor: Adding and Setting Up a Social Bar

Wix Harmony Editor: Adding and Setting Up a Social Bar

5 min
In this article
  • Step 1 | Add a social bar
  • Step 2 | Choose the icons for your social bar
  • Step 3 | Add your social links to your icons
  • Step 4 | Change the layout of your social bar
  • FAQs
This article refers to the new Wix Harmony Editor, released in December 2025. The Wix Harmony Editor is not yet available to all users. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.
Add a social bar to your site so your visitors can instantly jump to your social profiles and share what they love. All it takes is a click to boost your visibility and keep your followers engaged.
You can choose which social media platforms you want to link to and select the icons that best suit your site.

Step 1 | Add a social bar

To get started, head over to the Add Elements panel. We offer a variety of designs to match your site's look. You can then customize your bar to your exact needs. 

To add a social bar:

  1. Go to your editor.
  2. Click + Add at the top left of the editor.
  3. Select the Button category.
  4. Select the Social Bar tab.
  5. Drag a design you like onto your page.

Step 2 | Choose the icons for your social bar

The social bar comes with predefined icons. You can add, replace, delete or reorder the icons as you wish.

To choose the icons for your social bar:

  1. Click the social bar in your editor.
  2. Click Manage Items on the action bar.
  3. Choose what you want to do:

Step 3 | Add your social links to your icons

Add links to your social media pages so that when your visitors click an icon, they are taken to the relevant social page.

To add links to your icons:

  1. Click the social bar in your editor.
  2. Click Manage Items on the action bar.
  3. Hover over the relevant social network and click the More Actions icon .
  4. Click Rename.
  5. Click the link field under Links to.
  6. Select Web address.
  7. Enter the link to your social media page into the text field.
  8. Click Done.

Step 4 | Change the layout of your social bar

Customize your social bar to look how you want. You can choose to display it vertically or horizontally on your page, and set the size and spacing of your social network icons. 

To change the layout:

  1. Click your social bar in the editor.
  2. Choose what you want to change:

FAQs

Click a question below to learn more about adding and setting up a social bar.

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Unlock personalized helpLog in to get the most out of Helpmate.