Skip to main content
All CollectionsWebsites by BLAB
Widgets: Social Icons
Widgets: Social Icons

The Social Icons widget feature adds links to your social media profiles on many popular networks like Facebook, Twitter, Pinterest, WhatsApp, Google my business, and more.

Justin avatar
Written by Justin
Updated over a week ago

Widget Categories: Social

Adding social media links to your site is very important and is one of the best ways to reach your audience and gain views, both locally and globally. You can choose from a selection of existing social icons, or upload your own custom social icons.

For information on adding widgets, see Add Widgets.

Tip

Fore more information on widgets and the widgets library, see Widgets: Library and Overview.

Content Editor

To access the content editor, right click the widget and select Edit Content. Or, if you are in flex mode or Editor 2.0, the option to access the content editor is available in the floating menu.

  1. Select the icons you want displayed on your site. To upload a custom icon, click Add custom icon. For more information, see Add Custom Social Icons section in this article.

  2. To connect your accounts, scroll down, and add your social media profile URLs in the provided fields. If your site is for your business, enter your business social media accounts.

Add Custom Social Icons

To add custom social icons:

  1. In the left panel, click Widgets.

  2. Click and drag the Social Icons widget into your site.

  3. Click Add custom icon.

  4. Type a URL for the custom icon to link to.

  5. Click Choose Icon to select an icon from our icon picker, or click Upload SVG File to upload your own custom icon.

  6. To change the Icon/Background color, click the color picker.

Note

For the color of an SVG to be changeable, the SVG must be true black (e.g., hex code #000000) and exported with inline style.

Design Editor

To access the design editor, right-click the element, and click Edit Design. Or if you are in flex mode or Editor 2.0, select Edit Design from the floating menu to open the design panel.

  1. Click the layout to change the look of the social icons to match your site.

  2. To make the widget a floating widget, enable the Floating toggle, and select a position for the widget. To display the floating button on the current page only, enable the Show on this page only toggle.

For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.

Did this answer your question?