Adding a link button

Styling a link button

Configuration options

Buttons are an essential element for any site and serve as a call-to-action (CTA), links to pages, anchor to a certain section, and lead to external resources.

Add a link button to jump to other pages in your project, create anchors, or link to external sites.

Adding Link Buttons in Vev

Tip: Use the Link Addon to add a link to any element or section.

👍🏽 Adding a link button

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

  • Search for and select Link Button

  • Click and drag onto your canvas

Adding a Link Button element

🎨 Styling a link button

Choose from a variety of options to style and customize a link button. You'll find these options in the styles panel as listed below.

  • Size: Set your desired dimensions for your link button

  • Background: Choose a fill color, gradient color, or background image

  • Text: Style the button's text

  • Padding: Add padding to your link button evenly on all sides or mix them

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

  • Border Radius: Curve the radius of the border

  • Effects: Add different types of shadows or blur effects. Learn more about effects

  • Text Shadow: Add and customize the button text's shadow. Adjust the opacity, angle, blur, size, and distance

  • Layout: Set the direction and distribution of the elements inside the button

  • The A icon in the style panel represents option you can customize when hovering over the Link Button element.

Styling a Link Button

⚙️ Configuration Options

The Link Button element comes with the following edit options:

Parameter

Options

Link Type

Page, Element (anchor), External, Email, Phone, File

Animation

Preset animations with the ability to change the duration and easing

Button Text

Change the text

Tip: Need more options? Use the Code Editor to fork the Link Button element and create a custom button.

Did this answer your question?