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.
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
π¨ 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.
βοΈ 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.