header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Adding a button
  • Customizing a button
  • FAQs

Wix Harmony Editor: Adding and Customizing Buttons

5 min
In this article
  • Adding a button
  • Customizing a button
  • FAQs
Buttons add style and interactivity to your site, making it easy for visitors to navigate, find what they need, and stay engaged. Link your buttons to other pages, documents, or external sites to guide people exactly where you want them to go.
For example, if you run an online store, you can use buttons to spotlight special offers, highlight popular products, or send customers straight to the checkout, making every visit more rewarding.

Adding a button

You can add a button from the Add Elements panel on the left side of the editor. There are several different options available, with a range of layouts.

To add a button:

  1. Go to your editor.
  2. Click + Add at the top left of the editor.
  3. Select Elements.
  4. Click the Buttons icon  on the left.
  5. Drag a design you like onto your page.
A screenshot of the buttons available in the Add Elements panel.

Customizing a button

There are a variety of ways to customize your buttons. Depending on the button type, you can adjust the background, text, and icon. Choose colors, fills, corners, shadows, and more to create eye-catching effects as visitors navigate your site. 
Experiment with vibrant, distinct colors and design options to make each button stand out and match your site's look and feel.

To customize a button:

  1. Go to your editor.
  2. Click the relevant button.
  3. Choose what you want to do:
A screenshot of the Customize Icon panel when customizing a button.
Tip:
Click the All design options icon  on the action bar to view even more design options for your button. Learn more about designing elements in your editor.

FAQs

Click a question below to learn more about adding and customizing buttons.

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Unlock personalized helpLog in to get the most out of Helpmate.