Configure social icon sets

Easy Social Icons Premium lets you create social links with uploaded icons or Font Awesome icons. Assign each icon a social URL and link target, then arrange the set with drag-and-drop controls. Choose vertical or horizontal display, alignment, dimensions, and margins. Multiple sets can use different options.

Place sets in content, sidebars, or theme files

Add icons to a post or page with the [cn-social-icon] shortcode, use the Easy Social Icons widget in a sidebar, or place a set in a theme file with the PHP template tag <?php if ( function_exists('cn_social_icon') ) echo cn_social_icon(); ?>. Premium placement options include sticky floating icons on the left, right, or bottom of the screen, inline shortcode placement, and enhanced widget controls. You can also display text labels beside icons.

Adjust appearance and responsive sizing

Style options include shadows, gradients, 3D effects, custom shapes such as hexagons and triangles, and hover effects with animations or color transitions. Bounce, fade, and zoom are listed for entrance and hover animations. Set custom pixel sizes, including separate sizes for tablet and mobile layouts.

Premium icon libraries include additional choices and custom designs for different site themes. The listed functionality also includes SVG icons, lightweight icon options, lazy loading, and regular additions of social platform icons.

Add sharing tools and set up the extension

Social sharing options include one-click buttons for posts and pages, share count display, and predefined templates with customizable styles. Multi-website support lets you use social icons across networked websites, with centralized social sharing control for WordPress networks. Google Social Profile Links are also included.

Install and activate the extension, then open its settings and instructions from the WordPress admin menu. Create an icon set, upload icons or pick from the available libraries, enter social URLs, and arrange the icons. Select a shortcode, widget, or PHP template tag for placement, then adjust the style, size, animation, and position.