Wix Rollover Buttons (Hoverbox)

Update November 9, 2017: Wix has JUST released the Hoverbox to all Wix editors! This is no longer a beta-only feature. Finally! 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. This will be a big hit with all of my website design clients!

As a Denver 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 the coolest feature recently added is the Wix Hoverbox, which is essentially a rollover button that is fully customizable with animation, videos, images and text. Note: the Hoverbox is in Beta right now, but will be released to all Wix editors hopefully this month (January 2017).

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