The Wix Editor/Buttons

From Wix.com

Jump to: navigation, search

Contents

The Wix Editor > Buttons FAQ

How to add and customize buttons

How to add buttons

1. Go to Page Parts > Buttons

2. Drag & drop your button of choice from the gallery (bottom right of editor)

3. Go to Behaviors (bottom of editor) and connect your button

Tip: Go to State is for mini page pages,

       Go to Page is for site pages.

       Go to URL for linking to an external website/URL.

Find more information on Behaviors here


How to customize your buttons

Image:Button_pp.PNG

1. Click on your button

Using the property panel (bottom of editor) you can now

customize the look and feel of your button:

3.Format: to format your text: font, size, and colors

4. Color: to customize color of: mouse over, background color (BG Color), graphics color and more (depending on button you've chosen)

5. Settings: set alignment, margins, whether icon shows and more.

6. Connect your button to page/URL via Behaviors

Tip: Go to State is for linking to mini pages

       Go to Page is for linking to pages

       Go to URL is for linking to external URL


Add effects and animations.

Note: With Replace you can switch button design at any time: Click on button > Click Replace (bottom of editor)


Can't find Format Icon? Don't see this property panel?

You are likely using an older version of our buttons.

You can easily update your buttons by deleting the button, 

going to: Page Parts > Buttons and selecting your button of choice from the gallery.

And customizing following the steps above.

Or find info for customizing your buttons here.


How can I use an Image/ a Picture as a button?

Choose the image/picture you like (Media > Pics)

1. Click on it

2. Click on Behaviors


Tip: Go to State is for linking to mini pages


Go to Page is for linking to pages

Go to URL is for linking to external URL

That's it.




How do I connect a button to an external URL link?


1. Go to Behaviors (bottom of the editor)

2. Select "go to URL"

3. Type the URL/address (We recommend if you copy & paste to paste it into Notepad first)
Click "Apply"


Why do I "land" on the wrong page after clicking on a button?

Usually this happens for two reasons:

1. You placed the buttons outside the border of the page. To fix this simply move the button inside the border of your website's page.

2. If you link the Button via Behaviors and Manage (via Menu). If you used both of them, please remove one. This will fix the problem.

Personal tools