top of page

Image Maps on Wix - Use Invisible Buttons

As a Wix Designer I like to share lots of tips to help people better use Wix. Here's a simple way to link certain areas on an image to any page, website URL, document, or phone number of your choice. Use invisible buttons.


Watch the video to learn how:


  1. Add any button

  2. Change button's background transparency to 0% on both states including the hover state. (These settings are found under the Paintbrush icon when you click on the button)

  3. Double click on the button (or link icon) to pull up the Button Settings panel. Choose "Nothing" from the dropdown under "Choose what displays." This allows you to still use an Accessible name which is great, and works like an invisible button over any image or spot on the page.

  4. Size and move the button to the area on the image that you want to link.

  5. Doublecheck the mobile view to make sure the button is where it's supposed to be in mobile as well.

Voila, that's it! This is a great alternative than having to use code for an image map.


Wix Image Map Linking with Invisible buttons

Image Maps on Wix

Technically you could add an Image Map to any Wix page, you would add the HTML embed code element on the page, and create an image map code to accomplish this (there are tools like image-map.net that can help you write the code. But when I quickly tested it I could not get the image map links to work in the code, they were not linking though tall the code was there – perhaps I had something wrong in the code. But regardless, using invisible buttons on Wix websites to create clickable areas on an image is the fastest and easiest way to accomplish this goal.


Happy Wixing!


Want to work with a Wix Design to design your website? Reach out for a free estimate »



14 views

Recent Posts

See All

Comments


Reach out with questions or for a free design estimate:

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

bottom of page