---
title: "Buttons SocialShare  — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Template Monkey  · Buttons. Increase engagement and visibility for your content with SocialShare."
canonical: "https://framer.elliotli.dev/component/buttons-socialshare"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Buttons SocialShare

# Buttons SocialShare

[View on Framer](https://framer.com/marketplace/components/buttons-socialshare/?via=elliot-li)

![Buttons SocialShare  preview image 1](https://framer.elliotli.dev/og/component/buttons-socialshare/b2bc4f1ee5e89d15/1600x1200.jpg)

## Summary

Increase engagement and visibility for your content with SocialShare.

## Description

Increase engagement and visibility for your content with **SocialShare**. This Framer component allows you to quickly and intuitively add share buttons for the most popular social networks (Facebook, X, LinkedIn, WhatsApp), plus an essential copy link function.

Fully customizable, it adapts perfectly to your site's design. It's the ideal tool for blogs, product pages, portfolios, and anywhere else you want to encourage sharing.

## ✨ Key Features

-   **Multiple Platforms:** Includes support for Facebook, X (formerly Twitter), LinkedIn, WhatsApp, and a "Copy Link" feature.
    
-   **URL Control:** Automatically share the current page URL or set a custom URL, perfect for specific campaigns.
    
-   **Flexible Layout:** Arrange buttons **horizontally or vertically**. For horizontal layouts, precisely adjust the alignment: left, center, right, or space-between.
    
-   **Complete Styling Control:** Customize every visual detail:
    
    -   Button size and spacing.
        
    -   Background and icon colors.
        
    -   Distinct colors for the **hover** effect.
        
    -   Full border controls (width, style, and color).
        
-   **Customizable Accompanying Text:** Add a prompt (e.g., "Share!") and fully customize its font, size, and color.
    
-   **Animations & Feedback:** Smooth hover effects and instant visual feedback ("Copied!") on the copy link function to enhance user experience.
    

## 🎨 Component Properties

You get full control over the component's design and behavior directly from the Framer properties panel.

**Content & URL**

-   **Text:** Add optional text before the buttons.
    
-   **Text Font:** Full control over the font family, weight, size, etc.
    
-   **Text Color:** Set the color for the accompanying text.
    
-   **Custom URL:** Leave blank to use the current page URL or specify your own.
    

**Social Networks**

-   **Show Facebook:** Toggle the button on or off.
    
-   **Show X (Twitter):** Toggle the button on or off.
    
-   **Show LinkedIn:** Toggle the button on or off.
    
-   **Show WhatsApp:** Toggle the button on or off.
    
-   **Show Copy Link:** Toggle the button on or off.
    

**Layout & Spacing**

-   **Layout:** Choose between "Side by Side" (horizontal) or "Stacked" (vertical).
    
-   **Distribution:** Align buttons left, center, right, or space-between (horizontal layout only).
    
-   **Button Size:** Adjust the size in pixels.
    
-   **Button Spacing:** Define the gap between buttons.
    

**Style & Colors**

-   **Button Background:** Default background color.
    
-   **Icon Color:** Default icon color.
    
-   **Hover Background:** Background color on mouse-over.
    
-   **Hover Icon Color:** Icon color on mouse-over.
    
-   **Border:** Full border controls (width, style, and color).
    

🚀 **Perfect for:**

-   **Blog Posts:** Make it easy for readers to share your articles.
    
-   **Product Pages:** Let customers share their favorite products.
    
-   **Portfolios:** Increase the reach of your work.
    
-   **Campaign Pages:** Boost your content's viral potential.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #8398

## Details

- **Author**: Template Monkey
- **Price**: $5.00
- **Published**: 2025-09-18
- **Updated**: 2025-09-17
- **Added**: 2025-08-27
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow