Buttons — Webflow Share
<script> // Get current page URL, title, and description const pageUrl = encodeURIComponent(window.location.href); const pageTitle = encodeURIComponent(document.title); const pageDescription = encodeURIComponent( document.querySelector('meta[name="description"]')?.getAttribute('content') || '' ); // Share handlers const shareHandlers = twitter: () => window.open( https://twitter.com/intent/tweet?text=$pageTitle&url=$pageUrl , '_blank'), facebook: () => window.open( https://www.facebook.com/sharer/sharer.php?u=$pageUrl , '_blank'), linkedin: () => window.open( https://www.linkedin.com/shareArticle?mini=true&url=$pageUrl&title=$pageTitle&summary=$pageDescription , '_blank'), pinterest: () => window.open( https://pinterest.com/pin/create/button/?url=$pageUrl&description=$pageTitle , '_blank'), whatsapp: () => window.open( https://api.whatsapp.com/send?text=$pageTitle $pageUrl , '_blank'), email: () => window.location.href = mailto:?subject=$pageTitle&body=$pageDescription%0A%0A$pageUrl , copy: () => navigator.clipboard.writeText(window.location.href); alert('Link copied to clipboard!');
Social share buttons are essential for driving traffic and engagement. While Webflow doesn’t have a native “share” element, you can easily build custom share buttons that look great, load fast, and respect user privacy. webflow share buttons
Some browsers block navigator.clipboard without HTTPS. Make sure your site is on HTTPS (Webflow provides this automatically). <script> // Get current page URL, title, and
