Get started with Elfsight Social Media Icons 1.0.1

Installation

1. Install Elfsight Social Media Icons WordPress Plugin elfsight-social-media-icons-cc.zip to your website. Don't know how? Please learn here.

2. Go to Social Media Icons page in WordPress admin menu.

3. Create a new widget, adjust all settings and get a ready-made shortcode.

Use Social Media Icons as a WordPress Shortcode



1. Create a new widget

You can use Elfsight Social Media Icons as a WordPress shortcode. To do this, you have to create a new widget, set all options in the Elfsight editor and save it.

2. Copy-paste the shortcode

You will see the new widget's shortcode in the widgets list. You can copy-paste it into the required place of your website.

Example of the Elfsight Social Media Icons shortcode:

[elfsight_social_media_icons id="1"]

Use Social Media Icons as a
WordPress Widget

To use Elfsight Social Media Icons as a WordPress widget, go to Appearance -> Widgets, and drag Elfsight Social Media Icons WordPress widget to any widget section. Next, select one of available Social Media Icons widgets from the list.

Use Social Media Icons as a
Visual Composer Element

You can use Elfsight Social Media Icons as a Visual Composer element. Just add it to your page during page building and select one of the available Social Media Icons widgets from the list.

Options

Option Default Value Description
Source
items * null

Specify the social icons you want to display on your webpage. If you can't find the icon you're looking for, email us at support@elfsight.com

  • Icon - Choose the icon to display from the list.
  • Url - Enter the target page URL here. Clicking on an icon will open this page in a new browser tab.
Layout
size 32 Select icon size from the list (24, 32, 40, 48, 60).
Style
style default Select the appropriate icon look from the list (default, material, flat, classic, bordered, symbol).
icon_color white Choose the color of the icon symbol. Three colors are available: native - is in icon brand color, you can also choose black or white.
bg_color native Choose the icon background color. Three colors are available: native - is in icon brand color, you can also choose black or white. This option doesn't work with "bordered" and "symbol" styles.
icon_color_on_hover white Choose the icon symbol color on hover. The predefined options are the same as for the "icon_color" option.
bg_color_on_hover native Choose the icon background color on hover. The predefined options are the same as for the "bg_color" option.
border_radius circle Choose your border radius - circle, rounded, square.
animation bounce Choose one of the animation styles (none, bounce, fly, rotate, slide, zoom) to play on hover.
transparency 100 Set the icon transparency percentage. Use this option to make the icons fit your website`s design.
transparency_on_hover 100 Set the icon transparency percentage on hover. Use this option to make the icons fit your website`s design.

Example



Congratulations! You have successfully installed your Elfsight Social Media Icons plugin.

Support, questions and offers

Your questions and issue reports are processed on the first-come, first-served basis. Expect an answer from 10 a.m. to 7 p.m. CET, Monday through Friday.

Visit Support Center