Skip to main content

Share Buttons

ShareButtons Forms & UI JavaScript

Privacy-friendly share links for 11 networks, copy-link and the native share sheet.

Published · by Christopher Alberto

Live demo

Open full screen

At a glance

Component
ShareButtons
Category
Forms & UI
Used as
Site-wide feature
Built with
PHP, Twig, SCSS, JavaScript
Platform
WordPress · Flynt theme · Timber/Twig · ACF Pro

About this component

Share links for LinkedIn, X, Facebook, Bluesky, Threads, Reddit, Hacker News, WhatsApp, Telegram, Pinterest and email — plain URLs, so no third-party scripts or tracking.

Highlights

  • Copy-link button with an accessible “Link copied” confirmation.
  • Native share sheet on supporting devices (covers every other app on phones).
  • Compact icon-only and labelled variants; used in the blog post header and footer.

Options

This component isn't added as a page block, so it has no per-page fields — see "About this component" for where it is configured.

Under the hood

Components/ShareButtons/

  • _icon.twig Partial (Twig) 22 lines
  • _style.scss Styles (SCSS) 72 lines
  • functions.php Fields & data (PHP) 43 lines
  • index.twig Markup (Twig) 29 lines
  • script.js Behaviour (JavaScript) 57 lines

Share this component
Christopher Alberto

Built by

Christopher Alberto · Senior WordPress Engineer

Senior WordPress engineer with a decade-plus of builds across New Zealand, Australia, the UK, the US, Canada and Germany — FlyntWP, Roots/Sage, WooCommerce and custom platforms, built for speed and maintainability.

LinkedIn GitHub

Related components