Learn to add buttons in Wix and customize their appearance. Link them to internal pages or external URLs, adjust colors, borders, corner radius, and shadow effects, then style text with font and size options. Create separate designs for regular and hover states.
Chapters
In this video, we'll show you how to add a button, Link it and customize Buttons are a great way to get people to take action and move through your site. You can easily add buttons to your website and customize how to add a button and edit the text. Your website comes with buttons. You can easily customize them or add your own. To add a button, go to Add and click Button. You have so many to choose from. At the top you'll see your themed buttons. These are designed to match your website. Keep scrolling to see all the text and icon buttons. All the buttons come with placeholder text. Feel free to change it. Choose one and click to add it to your site. Click on your button to see everything you can do. Change text, choose text layout, customize the design, add animation and add a link. If you need any help, hit the question mark. Let's start by changing the text. Simply click Change Text and write what you want the button to say. To add a link, select your button and click Link. You have a lot of options here. You can link to a page within your website, a different website, and much more. To link a button to a page on your website, simply select Page. Click the drop down menu here to choose where you want visitors to go. Like your about services or any page on your website. When you're ready, click Done. You may want visitors to watch a specific video or read an article from another website. To do this, select your button and click Link. This time, select web address and enter the full URL including www.decide whether this website opens in a new window or in the same window and click Done. Now see how to customize your button. Select your button. Click Design to see all the options. No matter which design you choose, the text and link of your button will stay the same. To further customize your button, click Customize Design here. Every button comes with two views. Regular how it looks now and hover how it looks when someone moves their mouse over it. Let's customize Regular to start, Fill color and Opacity lets you choose the color and decide how transparent you want it to be. Borders are the frame of your button and you can customize the color and thickness. With corners, you can soften the edges of the button from square to more rounded. Enabling shadow gives your button a 3D effect and text. You can change the color, theme, font size and even bold or italicize. Customize the way your button looks when visitors hover over it. Here you can change the fill, color and opacity, borders and text. Want to use the same style. For a different button, just select your button and click on the design icon. You can find the buttons you've customized here under my buttons click to instantly customize. Here's a click preview to see how your buttons look. Now you're ready. This video is always here, so come back and watch again for more help.
