header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
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
  • Managing a button's settings
  • Customizing the design of a button

Studio Editor: Managing and Customizing Basic Buttons

In this article
  • Managing a button's settings
  • Customizing the design of a button
A basic button contains text, making it a minimalist, clear call-to-action for visitors to your client's site. You can manage the button's settings and customize its design to ensure it continues to complement the site's look, and encourage interaction.
Important:
  • This article refers to old buttons (basic buttons). These buttons are no longer available to add in the Add Elements panel. However, you can manage any existing old buttons with the steps in this article.
  • We recently released our new one button component that has a wide variety of customization options. Learn how to add and set up a new button.

Managing a button's settings

You can change where the button links to at any time. You can also update the text to reflect the button's action. 

To adjust your button settings:

  1. Go to your editor.
  2. Select the button.
  3. Choose what you want to adjust:

Customizing the design of a button

Design the button to make it look how you want. You can select a different fill color, add a shadow and adjust other settings like spacing and text formatting to update its look.

To customize a button:

  1. Select the button in your editor.
  2. Choose what you want to customize:
A basic button in the editor with the Inspector panel. The cursor is clicking the border width slider.
Tip:
You can also adjust the corners of the button by dragging the radius handle on the canvas.
A cropped view showing the radius handle on a button.

Helpmate

Hello

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