How to Add Social Profile Links on Your Site

Article sections

    All methods of display require to make the initial setup of networks inside plugin settings. If you do not do this there will be no button to appear. For widget and shortcode usage, you can choose also a custom profile buttons (but only when those methods are used).

    Adding Profile Buttons as Floating Sidebar

    The option can be enabled from the Profile Links -> Floating Sidebar menu.

    How to Add Social Profile Links on Your Site 1

    When enabled you will see static and privacy safe profile links floating on the selected side of the screen. Example:

    How to Add Social Profile Links on Your Site 2

    • Floating sidebar position – select the screen placement of the bar. If you already use a sidebar display for share buttons or have a different plugin showing sidebar elements, choose the opposite side of existing designs. Otherwise, you may see buttons overlap each existing component.
    • Do not show on mobile devices – the floating sidebar may be a reading blocking method based on the device. That is why we recommend this option to be enabled and hide the bar on mobile devices.
    • Remove spacing between buttons – if enabled all of your buttons will be connected without space between (like a real sidebar component).
    • Buttons template – choose a template for the buttons. As that is a floating sidebar that may appear over various sections full-color templates are recommended. The templates are the same as in the Followers Counter module.
    • Button size – allow to change the size of each button to smaller or bigger.
    • Animation – add an eye-catching animation on hover of the buttons.

    Adding Profile Buttons Automatically Below Content of Posts

    How to Add Social Profile Links on Your Site 3

    The feature will add the profile buttons only below the content of Posts. It will not add on pages or additional custom post types you have. If enabled you will see a design like this:

    How to Add Social Profile Links on Your Site 4

    • Align content and profile buttons – select the alignment of the profile buttons based on the content area. The alignment will work only if you do not use the fluid width (stretched to the entire content width).
    • Custom content position – the option will work only if you provide custom content. You can choose to appear before the buttons on a new row or at the left before buttons (on the same row).
    • Custom content – this is the content that may appear with your profile buttons. HTML and shortcodes supported.
    • Profile buttons width – select the width of the buttons. If you leave it at default the buttons will appear as square boxes. If you select a fluid full width, the plugin will automatically stretch to fit in the content area width. The fluid full width is not suitable if you have many social networks.
    • Show CTA texts – enable if you wish to see the custom texts you set. If you enable, check the design if you use the fluid full width – if you have multiple buttons with CTA texts that may not fit well in the content. In this situation, we recommend the usage of the default width.
    • Remove spacing between buttons – remove the default spacing between buttons and connect them.
    • Choose the template that you will use – select the template for the buttons. You can use any of the available templates.
    • Choose animation that you will use – select hover animation over the buttons. The animation will reflect only the bar below the post and none of the other instances.
    • Profile buttons size – increase or decrease the default size of buttons. The size change usually reflects over the space and icon size. Only on the smaller sizes, it will also correct the font size of CTA text.

    Adding Profile Buttons With Widget

    You can add profile buttons to a sidebar or any other area of your site that supports widgets using the Social Profiles widget.

    How to Add Social Profile Links on Your Site 5

    • Title – this is the title of the widget. This title won’t appear on the front of the site unless the option to show the title is enabled. This we made to allow name your widgets even when you don’t need that title on the front of the site.
    • Template – the template for the profile buttons.
    • Align – select the alignment of the profile buttons. If you don’t use the column display the option will align the buttons to the related content area. If you select the column layout, the alignment will be applied over the content of the profile button in the column.
    • Size – control or change the default size of the buttons.
    • Animation – select on hover animation for the widget only.
    • Remove space between buttons – connect buttons without the default space between.
    • Columns – select if you wish your buttons to appear in columns stretched to the entire available area where you place the widget. The default setting is to use an automated square size. The column display gives additional flexibility to show designs. Choose the columns based on other design options and area width.
    • Show texts with the buttons – enable if you wish to see the CTA texts with the icon in the button. 
    • Vertical text layout – works only in combination with Show texts with the buttons option. The default text appearance is on the right side of the icon. With this option, you can split icons and text into different rows.
    • Custom network list – mark if you wish to set a custom list of networks for the profiles, different from those in the default settings. The option allows the setup of address per network and only the networks that have such will appear. You do not have an option to control the order of appearance – always will be used as the global one.

    Adding Profile Buttons With Shortcode

    The shortcode is the most flexible method for adding profile buttons. Using shortcode you can place buttons anywhere inside content (where shortcodes are supported, including page builders) or embed buttons easy inside the theme code.

    Add social profile links anywhere on your site

    [ easy-profiles ]

    Shortcode Arguments

    templateTemplatePossible values

    • color – Color icons
    • roundcolor – Round Color Icons
    • outlinecolor – Outline Color Icons
    • grey – Grey icons
    • roundgrey – Round Grey Icons
    • outlinegrey – Outline Grey Icons
    • light – Light Icons
    • roundlight – Round Light Icons
    • outlinelight – Outline Light Icons
    • metro – Metro
    • flat – Flat
    • dark – Dark
    • tinycolor – Tiny Color
    • tinygrey – Tiny Grey
    • tinylight – Tiny Light
    • modern – Modern
    • modernlight – Modern Light

    animationAnimationPossible values

    • – Without animation
    • pulse – Pulse
    • down – Down
    • up – Up
    • pulse-grow – Pulse Grow
    • pop – Pop
    • wobble-horizontal – Wobble Horizontal
    • wobble-vertical – Wobble Vertical
    • buzz-out – Buzz Out

    alignAlignmentPossible values

    • left – Left
    • center – Center
    • right – Right

    sizeSizePossible values

    • – Default
    • small – Small
    • medium – Medium
    • large – Large
    • xlarge – Extra Large

    nospaceWithout space between buttonsPossible values

    • no
    • yes

    columnsColumnsPossible values

    • – Don’t show in columns (automatic width)
    • 1 – 1 Column
    • 2 – 2 Columns
    • 3 – 3 Columns
    • 4 – 4 Columns
    • 5 – 5 Columns
    • 6 – 6 Columns

    ctaShow texts with the buttonsPossible values

    • no
    • yes

    cta_verticalVertical text layoutPossible values

    • no
    • yes

    profiles_all_networksCustom list of networksPossible values

    • no
    • yes

    networksNetworksChange network order using the drag and drop. You should also fill the network profile links below that list.
    profile_facebookFacebook URL
    profile_text_facebookFacebook custom follow text
    profile_twitterTwitter URL
    profile_text_twitterTwitter custom follow text
    profile_pinterestPinterest URL
    profile_text_pinterestPinterest custom follow text
    profile_linkedinLinkedIn URL
    profile_text_linkedinLinkedIn custom follow text
    profile_githubGitHub URL
    profile_text_githubGitHub custom follow text
    profile_vimeoVimeo URL
    profile_text_vimeoVimeo custom follow text
    profile_dribbbleDribbble URL
    profile_text_dribbbleDribbble custom follow text
    profile_envatoEnvato URL
    profile_text_envatoEnvato custom follow text
    profile_soundcloudSoundCloud URL
    profile_text_soundcloudSoundCloud custom follow text
    profile_behanceBehance URL
    profile_text_behanceBehance custom follow text
    profile_foursquareFoursquare URL
    profile_text_foursquareFoursquare custom follow text
    profile_forrstForrst URL
    profile_text_forrstForrst custom follow text
    profile_mailchimpMailChimp URL
    profile_text_mailchimpMailChimp custom follow text
    profile_deliciousDelicious URL
    profile_text_deliciousDelicious custom follow text
    profile_instgramInstagram URL
    profile_text_instgramInstagram custom follow text
    profile_youtubeYouTube URL
    profile_text_youtubeYouTube custom follow text
    profile_vkVK URL
    profile_text_vkVK custom follow text
    profile_rssRSS URL
    profile_text_rssRSS custom follow text
    profile_vineVine URL
    profile_text_vineVine custom follow text
    profile_tumblrTumblr URL
    profile_text_tumblrTumblr custom follow text
    profile_slideshareSlideShare URL
    profile_text_slideshareSlideShare custom follow text
    profile_500px500px URL
    profile_text_500px500px custom follow text
    profile_flickrFlickr URL
    profile_text_flickrFlickr custom follow text
    profile_audiobooAudioboo URL
    profile_text_audiobooAudioboo custom follow text
    profile_steamcommunitySteam URL
    profile_text_steamcommunitySteam custom follow text
    profile_weheartitWeHeartit URL
    profile_text_weheartitWeHeartit custom follow text
    profile_feedlyFeedly URL
    profile_text_feedlyFeedly custom follow text
    profile_loveLove Counter URL
    profile_text_loveLove Counter custom follow text
    profile_mailpoetMailPoet URL
    profile_text_mailpoetMailPoet custom follow text
    profile_mymailmyMail / Mailster URL
    profile_text_mymailmyMail / Mailster custom follow text
    profile_spotifySpotify URL
    profile_text_spotifySpotify custom follow text
    profile_twitchTwitch URL
    profile_text_twitchTwitch custom follow text
    profile_mailerliteMailerLite URL
    profile_text_mailerliteMailerLite custom follow text
    profile_itunesiTunes URL
    profile_text_itunesiTunes custom follow text
    profile_deviantartDeviantart URL
    profile_text_deviantartDeviantart custom follow text
    profile_paypalPayPal URL
    profile_text_paypalPayPal custom follow text
    profile_whatsappWhatsApp URL
    profile_text_whatsappWhatsApp custom follow text
    profile_tripadvisorTripadvisor URL
    profile_text_tripadvisorTripadvisor custom follow text
    profile_snapchatSnapchat URL
    profile_text_snapchatSnapchat custom follow text
    profile_telegramTelegram URL
    profile_text_telegramTelegram custom follow text
    profile_xingXing URL
    profile_text_xingXing custom follow text

    Add social profile bar anywhere in content

    [ profile-bar ]

    This shortcode does not have any settings but require to made an initial setup inside plugin menu.

    Was this article helpful?
    in Social Profile Links
    Was this article helpful?