top of page

Wix Hover Box

To add a Wix hover box to your Wix website, click on add from the left-hand side panel, box, and then on hover boxes. You can place your cursor over any of the existing hover boxes to view what they look like, and then drag and drop the appropriate one onto your Wix website to start customizing it.

As you can see over here on the left, there will be two options: regular and hover. The regular option is what your hover box will look like when someone lands on your Wix website. The hover option will be what your hover box will look like when someone places their cursor on top of this box.

Let's head back to regular and, just like with any regular Wix design, make changes so that this looks the way you wish. For example, you can click on the image and then on change image to change that image to whatever you wish, such as to this sleek lady over here, and then click on choose image. We can also change the text, such as to "50% off" rather than "25%."

Once you're happy with how your regular hover box looks like, click on hover and make any appropriate changes from its individual toolbar up top. You can choose an effect, such as none, grow, shrink, skew, rotate, or combo.

You can change its design, including the text design, character spacing, and line spacing.

You can change its timing, including the duration, delay, and easing (ease in, ease out, ease in and out, or linear).

You can hide the element and then click to add it back if you wish, and access help.

To view what your Wix's hover box looks like in action, click on play up top. Let's, for example, remove this "new arrivals" by hiding the element and repositioning this "50% off" so that it's further up. Choose an effect: let's choose skew. Change its design by increasing the character spacing, and change the timing by increasing the duration to 1 second. Let's go ahead and play that again.

Additionally, feel free to add any elements to your hover box, either on hover or to the regular design, by clicking on add element from the left-hand side panel and choosing any of the available options.

When in the hover box regular setting as well, we can click to change its design to another box style, and then click on customize design at the bottom to change its fill color and opacity, border corners and shadow, as well as to add an animation to your Wix hover box, including bounce in, glide in, fade in, float in, expand in, spin in, fly in, turn in, arc in, puff in, fold in, flip in, reveal, or slide in.

Once you're done making edits to your Wix hover box, make sure to click on publish on the top right-hand side to make your changes active.


Looking to add some flair to your Wix website? Discover the power of the Wix Hover Box feature! In this Wix tutorial, we'll show you how to use Wix Hover Box to create stunning hover effects on images, text, buttons, and more. Learn how to customize your hover interactions, add animations, and even create pop-up boxes with just a few clicks. Whether you're a beginner or an experienced Wix user, this tutorial is perfect for anyone looking to take their website to the next level. Don't miss out on this Wix Hover Box tutorial - watch now and transform your Wix website today!

Subscribe for more videos ►


• Try Wix For FREE:

FREE Complete Website Creation Guide:


• Wix Image Hover Effect Tutorial:

• How To Add A Hover Box In Wix:

• How to Add Text On Wix Website:

• Generate Website Copy Fast With The AI Content Writer For Wix:

• Service Page In Wix:



#1 My Recommended Tools And Resources:

Ready to up your online game? Check out my top picks for the hottest tools, resources, and services out there. See for yourself why they're worth the hype (video tutorials included!) and gain access to the ultimate toolkit for online success.

View Recommended Tools And Resources ►

#2 Find Me On YouTube:

Want to take your online biz to the next level? Check out on my exclusive step-by-step tutorials, dropped fresh on my YouTube channel every week!

Find Me On YouTube ►

#3 Join My Online Courses:

Looking for insider tips and pro-level strategies? Don't miss out on my exclusive online courses, packed with expert guidance and support, for all your online business needs. Enroll now and start seeing results.

Join My Online Courses ►


👋 Hey there! I'm Marina, the tech fairy godmother you've been looking for! I'm here to make your wildest entrepreneurial dreams come true by helping you conquer the tech side of things without all the headaches and stress. From website building to social media, I've got your back! Tune in every Wednesday for new videos that will have you saying "Yes to Tech!" 🚀

DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. I only recommend products that I use and love. Thank you for your support!



bottom of page