Tutorial

How To Add a Button in Framer

In this Framer tutorial, we show you how to add a button to your Framer site with a label, link and basic styling.

Why are buttons important?

Mastering the use of buttons is a must-have skill when building a beautiful, useable site. Call-to-action buttons help draw your users attention to key areas on your pages, so use them wisely and make sure they’re distinct and clearly labelled.

Quick steps

  1. Select the frame tool
  2. Click and drag to create a frame
  3. Adjust frame dimensions and style in the side panel
  4. Double-click inside the frame to add text
  5. Adjust text style in the side panel
  6. Select the frame
  7. Use the function at the top of the side panel to add a link
  8. Select if you want the link to redirect users or open in a new tab

Is there a specific topic that you’d like us to show you on Framer? Get in touch with us!

🚀 Get Started with Framer!
🐥 Follow us on X
✉️ Mail us here

More Tutorials by Coastal Themes

Premium themes that tell your story.

Bring your ideas to life with themes that are beautiful, fast and easy to use.