Button

A button serves as your call to action (CTA) and links to pages, forms, assets, and more.

In this lesson, you’ll learn:

1. Button basics
2. How to customize a link block into a button

Button basics

To add a button to your site:

1. Go to Add panel > Elements > Basic
2. Drag a button element onto the Webflow canvas

You can edit the default button text in two ways:

1. Double-click the button and edit the text
2. Select the button and press Enter/Return

You can also change the color of your button. To change the button’s background color:

1. Select the button
2. Go to Style panel > Backgrounds
3. Click the swatch to open the color picker
4. Choose a color

A button can link to a URL, an internal or external page, a page section, a file download, or it can trigger an email or a phone call. You can access these options by selecting the button on the canvas, then going to Element settings > Link settings or by clicking the “cog” icon on the button element on the canvas. Learn more about link settings.

How to customize a link block into a button

A link block is just like a div block — a box you can put elements inside. You can access link blocks from the Add panel > Basic section.

Then go to Add panel > Typography and drag a text block inside the link block. You can double click to edit the text. To remove the underline, go to Style panel > Typography > Style and click the “X” in Decoration.