Social Share Buttons

Add social media sharing buttons to your posts and pages, making it easy for visitors to share your content on Facebook, X (Twitter), LinkedIn, WhatsApp, Reddit, and email.

Use Cases#

• Increase content reach by making it easy for readers to share on social media
• Add lightweight sharing buttons without heavy third-party scripts
• Give mobile users native sharing via the Web Share API
• Grow your audience organically through reader-powered distribution

How It Works#

1. Enable the module and select your preferred platforms
2. Choose where buttons appear (before content, after, or both)
3. Buttons automatically display on your posts
4. Visitors click to share directly to their preferred platform
5. On mobile, the native share sheet can be triggered

Where to Find It#

Location: Enable in Switchboard, then configure platforms and position. Use [social_share] shortcode for manual placement.

Settings#

Available Platforms#

Display Options#

Auto Display#

When enabled, buttons appear automatically based on your position setting:

• Before Content: Buttons at the top of your post
• After Content: Buttons at the end (recommended)
• Both: Buttons in both positions

Shortcode#

For manual placement or custom positions, use the shortcode:

[social_share]

Shortcode Options#

In Theme Templates#

<?php echo do_shortcode('[social_share]'); ?>

Web Share API#

The Web Share API provides a native sharing experience on mobile devices. When enabled:

• A “Share” button appears alongside platform buttons
• Tapping it opens the device’s native share sheet
• Users can share to any app installed on their device
• Falls back gracefully on unsupported browsers

This feature works on:

• iOS Safari
• Android Chrome
• Other modern mobile browsers

Styling#

The share buttons container has the class switchboard-social-share. Customize with CSS:

/* Container styling */
.switchboard-social-share {
    margin: 40px 0;
    padding: 24px;
    background: #f8f9fa;
    border-radius: 8px;
}

/* Heading */
.switchboard-social-share h4 {
    font-size: 16px;
    margin-bottom: 16px;
}

/* Individual buttons */
.switchboard-share-link {
    padding: 10px 16px;
    border-radius: 4px;
    font-size: 14px;
}

/* Hover effect */
.switchboard-share-link:hover {
    opacity: 0.85;
}

Button Colors#

Each platform uses its official brand color:

Privacy Benefits#

Unlike many social sharing plugins, Switchboard’s share buttons:

• Don’t load third-party JavaScript
• Don’t track your visitors
• Don’t slow down your page load
• Don’t create external requests until clicked
• Work even with ad blockers enabled

Sharing happens through simple URL schemes — the buttons just open the sharing URL when clicked.

FAQ#