Wix Rollover Buttons (Hoverbox)

Here's how you can create a Wix Image Button on your Wix website:

The Wix Hoverbox is a way to have animated buttons or interactive features on your site. I don't use these that often, as they do seem to load a bit slower than the rest of Wix content (same goes for animation), but sometimes this is a great solution for something with a little interactivity. Thanks Wix Wizards, this is a long desired tool that brings me back to my Flash days where we could have a little fun with interactive rollover animations.

As a Web Designer, I use the Wix platform for many of my clients – it's the best editor I've found so far, and my website clients love it. Wix is always releasing new features, and one of the coolest features recently added is the Wix Hoverbox, which is essentially a rollover button that is fully customizable with animation, videos, images and text.

Here is my quick Wix video tutorial on how to add elements such as text or images to your Wix Hoverbox, and how to control the animation, video, image background and more:

One quick Wix Designer tip: A lot of users are having issues attaching elements (or pasting elements) to their Hoverbox. To attach any element (text, image, video, etc) to your hoverbox, simply add the element, then click on it to select it (blue outline shows up if selected), and make sure to click and hold down and drag it over the Hoverbox area and you'll see a "Attach to Hoverbox" note that shows up, then unclick (let go) the element, it will now be attached! See screenshot below:

You can also resize the Wix Hoverbox by selecting the Hoverbox, then using the resize "handles" (small white circles on edges and corners) to click and drag the box to the size desired. See screenshot:

You can also easily apply the background image and settings to either the Regular or Hover instance by clicking on the "Apply to Hover" tool, see screenshot below. Note: you will need to copy and paste and then attach any elements, as the "Apply to Hover" only applies the background image or video, not the elements such as text or other images over top of the Hoverbox background.

One last note: you cannot attach a "box" to the hoverbox probably because it is a box, but you can add images/shapes/text etc to the hoverbox by clicking on and dragging any new element onto your hoverbox until you see the "Attach to hoverbox" message and unrelease the element (unclick).


As a website designer and graphic designer, I love sharing great tips and tools that make designing easier. As part of my website design services, I train clients on how to update their websites or to do their own SEO (search engine optimization), so I post many of these tips for my clients to train them how to use Wix and other tools to keep their website up-to-date. Keeping websites current is the best way to get found and to keep people coming back to your website. 
 

Check out all my Design & SEO tips and resources in my blog

Reach out with questions or for a free design estimate:

© 2020 Pickle-Wix Web Design located in Denver, Colorado