Widgets: Social Icons

Widget Categories: Social

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

  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.

  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.