Wix Editor: Adding and Setting Up a Hover Interaction
6 min read
Make elements appear or disappear, add effects and change colors on mouseover. You can also control the timing of your effects to maximize their potential.
Step 1 | Add and design an element
Hover interactions add fun and movement to your site. To get started, add either a box or repeater from the Add panel.
Click an option below to learn more about adding each element:
Add a box
Add a repeater
Step 2 | Access hover mode
After adding and designing your element, access hover mode to start adding interactions. This is where you control what visitors see as they hover over your box or repeater.
Show me how
Once you've accessed hover mode for the first time, you can switch between regular and hover mode using the tabs at the top of the element.
Step 3 | Add hover interactions to your element
From hover mode, you can make elements appear or disappear and add cool effects. Everything happens simultaneously when visitors hover over your box or repeater item.
Choose what you want to do:
Add elements that appear on hover
Hide elements on hover
Choose an effect for the element on hover
Change a box's design on hover