Wix Harmony Editor: Adding and Setting Up a Social Bar
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:
Click + Add at the top left of the editor.
Select Elements.
Click the Buttons icon
on the left.
Select the Social bar tab.
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:
Click the social bar in your editor.
Click Manage Items on the action bar.
Choose what you want to do:
Add another icon
Click Add Social.
Click the Add icon
under Icon.
(In the Media Manager) Select an icon from the available options or upload your own.
Click Update.
Replace an icon
Hover over the social network for the icon you want to replace and click the More Actions icon
.
Select Edit.
Click the Add icon
under Icon.
(In the Media Manager) Select an icon from the available options or upload your own.
Click Update.
Delete an icon
Hover over the social network for the icon you want to delete and click the More Actions icon
.
Click Delete.
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:
Click the social bar in your editor.
Click Manage Items on the action bar.
Hover over the relevant social network and click the More Actions icon
.
Click Edit.
Click the link field under Links to.
Select Web address.
Enter the link to your social media page into the text field.
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:
Click your social bar in the editor.
Choose what you want to change:
Format
Click Change Orientation on the action bar.
Click the Orientation dropdown.
Select Horizontal or Vertical.
Spacing
Click the Spacing icon
on the action bar.
Use the slider to adjust the amount of space between your social icons.
Design
Click the All design options icon
on the action bar.
Choose what you want to design from the available options.
Animation
Click the Animation icon
on the action bar.
Select an animation from the available options
FAQs
Click a question below to learn more about adding and setting up a social bar.
Can I link my social bar icons to any type of social platform?
You can add icons for a wide range of popular social platforms, such as Facebook, Instagram, Twitter, LinkedIn, and more. You can also add custom links for platforms that are not included by default by uploading your own icon and entering the relevant URL.
How do I upload a custom icon if my social network isn’t listed?
You can upload a custom icon by clicking Add Social in the Manage Items panel, then clicking the Add icon
under Icon. Click Upload Media to upload your own icon image in SVG format, and link it to your social platform.
Can I have more than one social bar on my site?
Yes, you can add multiple social bars to your site if you’d like to display them in different locations or with different sets of icons. Just drag additional social bars from the Add Elements panel to wherever you want them to be on your site.
Can I reorder the icons in my social bar?
Yes, you can change the order of your icons in the Manage Social Bar panel. Drag and drop the icons to arrange them in the order that works best for your site.
Will changes I make to my social bar appear across all pages?
No, changes to a social bar only affect the specific social bar you edit. If you want the same social bar on multiple pages, you need to add and customize it on each page separately. For a consistent look across your site, you can copy and paste the same social bar where needed.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected