Social Icons

Modified on Fri, 18 Nov, 2022 at 8:52 AM

The Social Icons 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.

To add the social icons:

  1. In the left panel, click Widgets.
  2. Click and drag the Social Icons widget into your site.

To learn more about adding widgets to your site, see Add Widgets.

Content Editor

To access the content editor:

  1. Right-click the widget, and click Edit Content.
  2. 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.
  3. To connect your accounts, add your social media profile URLs.
    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.
  7. Note

    For the color of an SVG to be changeable, the SVG must be black and exported with inline style.

Design Editor

To access the design editor:

  1. Right-click the widget, and click Edit Design.
  2. Click the layout to change the look of the social icons to match your site.
  3. 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.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article