Simple social share buttons [ social-share ]

Article sections

    Shortcode: [ social-share ]

    Args

    ArgumentDescription
    alignAlignmentPossible values

    • – Default
    • left – Left
    • center – Center
    • right – Right
    • stretched – Stretched

     

    styleStylePossible values

    • – Default
    • button – Display as share button with icon and network name
    • button_name – Display as share button with network name and without icon
    • icon – Display share buttons only as icon without network names
    • icon_hover – Display share buttons as icon with network name appear when button is pointed
    • vertical – Display icon above network name (vertical buttons)

     

    sizeSizePossible values

    • – Default
    • xs – Extra Small
    • s – Small
    • m – Medium
    • l – Large
    • xl – Extra Large
    • xxl – Extra Extra Large

     

    templateTemplatePossible values

    • – Default template from settings
    • 6 – Metro (Retina)
    • 7 – Big (Retina)
    • 8 – Light (Retina)
    • 9 – Flat (Retina)
    • 10 – Tiny (Retina)
    • 11 – Round (Retina)
    • 12 – Modern (Retina)
    • 13 – Circles (Retina)
    • 14 – Blocks (Retina)
    • 15 – Dark (Retina)
    • 16 – Grey Circles (Retina)
    • 17 – Grey Blocks (Retina)
    • 18 – Clear (Retina)
    • 19 – Copy (Retina)
    • 20 – Dimmed (Retina)
    • 21 – Grey (Retina)
    • 22 – Default 3.0 (Retina)
    • 23 – Jumbo (Retina)
    • 24 – Jumbo Rounded (Retina)
    • 25 – Fancy (Retina)
    • 26 – Deluxe (Retina)
    • 27 – Modern Slim (Retina)
    • 28 – Bold (Retina)
    • 29 – Fancy Bold (Retina)
    • 30 – Retro (Retina)
    • 31 – Metro Bold (Retina)
    • 32 – Default 4.0 (Retina)
    • 33 – Clear Rounded (Retina)
    • 34 – Grey Fill (Retina)
    • 35 – White Fill (Retina)
    • 36 – White (Retina)
    • 37 – Grey Round (Retina)
    • 38 – Color Leafs (Retina)
    • 39 – Grey Leafs (Retina)
    • 40 – Color Circles Outline (Retina)
    • 41 – Color Blocks Outline (Retina)
    • 42 – Grey Circles Outline (Retina)
    • 43 – Grey Blocks Outline (Retina)
    • 44 – Dark Outline (Retina)
    • 45 – Dark Round Outline (Retina)
    • 46 – Classic (Retina)
    • 47 – Classic Round (Retina)
    • 48 – Classic Fancy (Retina)
    • 49 – Color Circles (Retina)
    • 50 – Massive (Retina)
    • 51 – Cut Off (Retina)
    • 52 – Color Cut Off (Retina)
    • 53 – Modern Light (Retina)
    • 54 – Tiny Color Circles Light (Retina)
    • 55 – Lollipop (Retina)
    • 56 – Rainbow (Retina)
    • 57 – Flow (Retina)
    • 58 – Flow Jump (Retina)
    • 59 – Glow (Retina)

     

    nospaceWithout space between buttonsPossible values

    • – Default
    • no – No
    • yes – Yes

     

    animationAnimationPossible values

    • – Default
    • no – No amination
    • essb_button_animation_legacy1 – Pop out
    • essb_button_animation_legacy2 – Zoom out
    • essb_button_animation_legacy3 – Flip
    • essb_button_animation_legacy4 – Pop right
    • essb_button_animation_legacy5 – Pop left
    • essb_button_animation_legacy6 – Pop horizontal
    • essb_icon_animation1 – Icon animation 1: Slide from right
    • essb_icon_animation2 – Icon animation 2: Pop in
    • essb_icon_animation3 – Icon animation 3: Fade in
    • essb_icon_animation4 – Icon animation 4: Jump
    • essb_icon_animation5 – Icon animation 5: Swing
    • essb_icon_animation6 – Icon animation 6: Tada
    • essb_icon_animation7 – Icon animation 7: Fade in from right
    • essb_icon_animation8 – Icon animation 8: Fade in from left
    • essb_icon_animation9 – Icon animation 9: Fade in from top
    • essb_icon_animation10 – Icon animation 10: Fade in from bottom
    • essb_icon_animation11 – Icon animation 11: Flash
    • essb_icon_animation12 – Icon animation 12: Shake
    • essb_icon_animation13 – Icon animation 13: Rubber band
    • essb_icon_animation14 – Icon animation 14: Wooble
    • essb_button_animation1 – Button animation 1: Slide from right
    • essb_button_animation2 – Button animation 2: Pop in
    • essb_button_animation3 – Button animation 3: Fade in
    • essb_button_animation4 – Button animation 4: Jump
    • essb_button_animation5 – Button animation 5: Swing
    • essb_button_animation6 – Button animation 6: Tada
    • essb_button_animation7 – Button animation 7: Fade in from right
    • essb_button_animation8 – Button animation 8: Fade in from left
    • essb_button_animation9 – Button animation 9: Fade in from top
    • essb_button_animation10 – Button animation 10: Fade in from bottom
    • essb_button_animation11 – Button animation 11: Flash
    • essb_button_animation12 – Button animation 12: Shake
    • essb_button_animation13 – Button animation 13: Rubber band
    • essb_button_animation14 – Button animation 14: Wooble

     

    mobile_appDevice appearancePossible values

    • – On any device
    • mobile – On mobile only
    • desktop – On desktop only

     

    countersDisplay share countersPossible values

    • – Default
    • no – No
    • yes – Yes

     

    counter_posButton counter positionPossible values

    • – Default
    • hidden – Without single button counter
    • left – Left
    • right – Right
    • inside – Inside button instead of network name
    • insidem – Inside button instead of network name (mini)
    • insidename – Inside button after network name
    • insidenamem – Inside button after network name (mini)
    • insidebeforename – Inside button before network name
    • insidebeforenamem – Inside button before network name (mini)
    • leftm – Left Modern
    • rightm – Right Modern
    • topm – Top Mini
    • top – Top Modern
    • bottom – Bottom
    • topn – Top
    • insidehover – Inside button and appear when you hover button over the network name

     

    total_counter_posTotal counter positionPossible values

    • – Default
    • right – Right
    • left – Left
    • rightbig – Right Big Number (with option for custom text)
    • leftbig – Left Big Number (with option for custom text)
    • rightbigicon – Right Big Number with icon (with option for custom text)
    • leftbigicon – Left Big Number with icon (with option for custom text)
    • before – Before social share buttons
    • after – After social share buttons
    • hidden – This will hide the total counter and make only button counters be visible

     

    buttonsSelected networks onlyMake a selection only if you need to show a custom list of social networks with this shortcode.
    Was this article helpful?
    YesNo
    in Shortcodes
    Was this article helpful?
    YesNo