Add share buttons

Style share buttons

Configuration options

Ready to make a buzz? Adding social share buttons to your project is a great way to gain exposure for your business or event, making it easy for your audience to share your content with their networks.

This article covers how to add and style share buttons on your Vev projects.

Social buttons in Vev

👍🏽 Add share buttons to your project

Quickly add and customize social share buttons on your project with our native share buttons element. Here's how:

  • From the top menu bar, click the Add Menu (Shortcut: M)

  • Search for and select Share Buttons

  • Click and drag the element onto your canvas

🎨 Style share buttons

Customize the way your buttons look from the style panel to the right of your canvas. First, make sure you've selected the Share Buttons element on the canvas to activate the style panel on the right of your screen.

  • Background: Set the container's background color

  • Text: Set the network name's size and font

  • Margin: Add margin to each network

  • Border: Set a border color, opacity, and line weight

  • Border Radius: Curve the radius of the border

  • Padding: Add padding to both the container and networks

  • Effects: Add different types of shadows or blur effects (learn more about effects)

  • Transform: Set the width and height for each network relative to the element's container

  • Icons:

    • Set custom shape: Replace the network's logo with a shape or a custom SVG

    • Set custom image: Replace the network's logo with an image

Style share buttons

⚙️ Configuration options

The default social buttons included in the native element are Facebook, Twitter, and Mail. To change these options, double-click on the Share Buttons element on your canvas to open the configuration options. Here's what you can do:

Parameter

Options

Activate/Deactivate social apps

Customize which social apps you want to appear in the widget.

Appearance

Set the element's text and background colors.

Hide label

Hide the social media app names. Only the logo will show when the label is set to hidden.

Override auto-URL

The default URL is auto-detected in Vev using your publish domain. You can override the default by adding a custom URL to direct the link to the correct destination.

Tip: Don't see the social network you want to link to on your page? Head over to our product roadmap and submit a feature request.


?FAQs

How can I redirect my users to a social media mobile app?
This feature is not yet available; users are directed to your social network on their browser by default. Request or upvote this feature on our product roadmap.

Did this answer your question?