How to Choose the Right CSS/JS Mode for Your Share Buttons – Share Button Resource Modes: Full, Slim, Mini & Light Compared

4 min read

Overview #

The Share Buttons CSS & JavaScript Mode setting controls how the plugin loads its core styling and interactive scripts. By default, the plugin uses the Full mode, which includes every template, counter style, network integration, and display position for maximum design flexibility. However, loading all these resources can increase your page weight and impact loading speed, especially on content-heavy sites.

To help you optimize performance without sacrificing essential functionality, we offer three streamlined alternatives: Slim, Mini, and Light. Each mode progressively reduces the size of the static assets by removing complex templates, simplifying counter options, and limiting advanced display positions. When you select a lighter mode, the plugin automatically deactivates or hides incompatible features from your settings dashboard to keep your configuration clean and prevent style conflicts.

Use the comparison tables below to see exactly which social networks, button templates, counter styles, and display positions are available in each mode. This will help you choose the optimal balance between visual customization and site performance.

Quick Mode Summary #

Mode Social Networks Templates Positions Best For
Full48 ✅54 ✅All ✅Maximum flexibility, custom designs, all platforms
Slim48 ✅40 ✅Counters reducedClean UI, performance-focused, standard layouts
Mini30 ✅24 ✅Counters reducedCore networks only, speed-critical sites
Light24 ✅5 ✅Core onlyUltra-lightweight, maximum performance, mobile-first

Social Networks #

NetworkFullSlimMiniLight
Total Valid Networks48483024
AOL✅✅❌❌
Amazon✅✅❌❌
Blogger✅✅❌❌
Buffer✅✅✅✅
Comments✅✅❌❌
Copy Link✅✅✅✅
Digg✅✅❌❌
Edgar✅✅❌❌
Email✅✅✅✅
Evernote✅✅✅✅
Facebook✅✅✅✅
Facebook Messenger✅✅✅✅
Fintel✅✅❌❌
Flipboard✅✅✅✅
Flattr✅✅❌❌
Gmail✅✅❌❌
HackerNews✅✅✅✅
Instapaper✅✅✅✅
Kakao✅✅❌❌
Line✅✅✅✅
LinkedIn✅✅✅✅
LiveJournal✅✅❌❌
Love This✅✅✅✅
Mail.ru✅✅✅✅
Meneame✅✅❌❌
Mix✅✅✅✅
More Button✅✅✅✅
MySpace✅✅❌❌
Newsvine✅✅❌❌
Odnoklassniki✅✅✅✅
Pinterest✅✅✅✅
Pocket✅✅✅✅
Print✅✅✅✅
Reddit✅✅✅✅
SMS✅✅✅✅
Share✅✅❌❌
Subscribe✅✅✅✅
Telegram✅✅✅✅
Tumblr✅✅✅✅
Twitter✅✅✅✅
Viadeo✅✅❌❌
Viber✅✅✅✅
VKontakte✅✅✅✅
Weibo✅✅✅✅
WhatsApp✅✅✅✅
Xing✅✅✅✅
Yahoo Mail✅✅❌❌
Yammer✅✅❌❌

Button Templates #

Template NameFullSlimMiniLight
Total Available5440245
Metro (Retina)✅✅✅✅
Big (Retina)✅✅✅❌
Light (Retina)✅✅❌❌
Flat (Retina)✅✅✅✅
Tiny (Retina)✅✅✅❌
Round (Retina)✅✅❌❌
Modern (Retina)✅❌❌❌
Circles (Retina)✅❌❌❌
Blocks (Retina)✅❌❌❌
Dark (Retina)✅✅✅✅
Grey Circles (Retina)✅✅❌❌
Grey Blocks (Retina)✅✅❌❌
Clear (Retina)✅✅❌❌
Copy (Retina)✅✅✅❌
Dimmed (Retina)✅✅❌❌
Grey (Retina)✅✅✅❌
Default 3.0 (Retina)✅✅✅❌
Jumbo (Retina)✅✅✅❌
Jumbo Rounded (Retina)✅✅✅❌
Fancy (Retina)✅✅✅❌
Deluxe (Retina)✅❌❌❌
Modern Slim (Retina)✅✅❌❌
Bold (Retina)✅✅✅✅
Fancy Bold (Retina)✅❌❌❌
Retro (Retina)✅❌❌❌
Metro Bold (Retina)✅✅✅❌
Default 4.0 (Retina)✅✅✅❌
Clear Rounded (Retina)✅✅❌❌
Grey Fill (Retina)✅✅✅❌
White Fill (Retina)✅✅✅❌
White (Retina)✅✅✅❌
Grey Round (Retina)✅✅✅❌
Color Leafs (Retina)✅✅✅❌
Grey Leafs (Retina)✅✅✅❌
Color Circles Outline (Retina)✅✅❌❌
Color Blocks Outline (Retina)✅✅❌❌
Grey Circles Outline (Retina)✅❌❌❌
Grey Blocks Outline (Retina)✅❌❌❌
Dark Outline (Retina)✅✅❌❌
Dark Round Outline (Retina)✅✅❌❌
Classic (Retina)✅✅❌❌
Classic Round (Retina)✅✅❌❌
Classic Fancy (Retina)✅✅❌❌
Color Circles (Retina)✅✅✅❌
Massive (Retina)✅✅✅❌
Cut Off (Retina)✅❌❌❌
Color Cut Off (Retina)✅❌❌❌
Modern Light (Retina)✅✅❌❌
Tiny Color Circles Light (Retina)✅✅✅❌
Lollipop (Retina)✅❌❌❌
Rainbow (Retina)✅❌❌❌
Flow (Retina)✅❌❌❌
Flow Jump (Retina)✅❌❌❌
Glow (Retina)✅✅✅✅

Button Counter Styles #

Counter PositionFullSlimMiniLight
Total Available16888
Without single button counter✅✅✅✅
Left✅❌❌❌
Right✅❌❌❌
Inside button instead of network name✅✅✅✅
Inside button instead of network name (mini)✅✅✅✅
Inside button after network name✅✅✅✅
Inside button after network name (mini)✅✅✅✅
Inside button before network name✅✅✅✅
Inside button before network name (mini)✅✅✅✅
Left Modern✅❌❌❌
Right Modern✅❌❌❌
Top Mini✅❌❌❌
Top Modern✅❌❌❌
Bottom✅✅✅✅
Top✅❌❌❌
Inside button and appear when you hover✅❌❌❌

Total Counter Styles #

Total Counter PositionFullSlimMiniLight
Total Available9555
Right✅❌❌❌
Left✅❌❌❌
Right Big Number (custom text)✅✅✅✅
Left Big Number (custom text)✅✅✅✅
Right Big Number with icon (custom text)✅✅✅✅
Left Big Number with icon (custom text)✅✅✅✅
Before social share buttons✅❌❌❌
After social share buttons✅❌❌❌
Hidden (show only button counters)✅✅✅✅

More Button Commands #

Command TypeFullSlimMiniLight
Total Available5332
Standard Command 1✅✅✅❌
Standard Command 2✅✅✅✅
Standard Command 3✅✅✅✅
Advanced Command 4✅❌❌❌
Advanced Command 5✅❌❌❌

Content Positions #

PositionFullSlimMiniLight
Total Available6663
Content top✅✅✅✅
Content bottom✅✅✅✅
Content top and bottom✅✅✅✅
Float from content top✅✅✅❌
Float from content top and bottom✅✅✅❌
Manual display with shortcode only✅✅✅❌

Site Positions #

PositionFullSlimMiniLight
Total Available1414141
Sidebar✅✅✅✅
Pop up✅✅✅❌
Fly in✅✅✅❌
Post vertical float✅✅✅❌
Top bar✅✅✅❌
Bottom bar✅✅✅❌
On media✅✅✅❌
Full screen hero share✅✅✅❌
Post share bar✅✅✅❌
Share Point (Advanced)✅✅✅❌
Share Booster✅✅✅❌
Widget✅✅✅❌
Corner Share✅✅✅❌
Share Button✅✅✅❌

Mobile Optimized Positions #

PositionFullSlimMiniLight
Total Available3331
Share buttons bar (Mobile Only Display Method)✅✅✅✅
Share bar (Mobile Only Display Method)✅✅✅❌
Share point (Mobile Only Display Method)✅✅✅❌
What are your feelings