In this instructional video, Wix expert Anthony Walker walks viewers through essential web‑design principles for building a successful online store on Wix. He emphasizes the critical role of the first‑fold experience and clear call‑to‑actions for conversion, outlines homepage must‑haves such as intuitive navigation, filters, search, themed collections, and SEO‑rich headings. Walker demonstrates how to add alt‑text to images in the Wix editor, and recommends trust‑building elements like social media icons, live chat, and certification badges. He details footer composition—including policies, contact information, maps, and FAQs—to improve user support. The video compares Wix ADI (quick, auto‑styled site generation) with the full Wix Editor (complete design freedom and advanced customisation), explaining how to transfer a site from ADI to the Editor. Walker advises selecting a Wix template that already includes e‑commerce apps and best‑practice features. He then shows mobile optimisation using the Wix mobile editor, covering element hiding, custom menus, welcome screens, and a back‑to‑top button. Finally, he suggests integrating analytics tools like Hotjar or Crazy Egg to monitor visitor behaviour and refine marketing campaigns. The lesson concludes with a reminder to review supplemental resources and preview the next lesson.
Chapters
Hi, my name is Anthony Walker. I've designed sites for clients for a very long time before joining wix. Today we're going to dive into design. Now that you have your sitemap built in this lesson you'll learn about web design, best practices for E commerce using WIX Adi versus the WIX editor and optimizing your site for mobile users. All right, so let's talk about design. So design is very important because it's the first impression that a user is going to get when they get onto your website. So everything from the text to the font to the way everything is in terms of ease of use is very important in order to capture a user and allow them to travel and convert. So when it comes to online sales, it's very important that your site structure is very neat and organized because it really helps increase sales. Let's take a look at some wix merchants who did a great job. As you can see here, everything on the site is designed very nicely. They have a clear call to action that's above the fold that allows users to easily buy now. And upon clicking it, you'll arrive directly on the product page. And again, even the add to cart button here is going to be above the fold. All right, now we're going to dive into hiphipshop.com we're going to look at this website as it's a very nice call to action. You immediately see what the intent is. You can click on shop and arrive directly on the product page as well. You can also go and click on your cart to see what you purchased. You have a nice mini cart that kind of pops out from the right hand side. So very good navigation. And then I end up on this page where I can easily again click on any product that I want and land directly on the product page. So now let's talk a little bit about the first fold. It's very important that everything that you put above your first frame or above your first fold, which is only what the user will see before they start to scroll, is very important. So you want to add a clear cut call to action. 1 like buy now, act now, something that gets the user to actually do an action and start purchasing something, especially for an online store. So now we're going to talk about some homepage must. So, so when it comes to homepages, it's very important to have a strong first fold. Everything in your first fold should again be very prominent and very direct to an exact goal or intent. Next you should move on to building out clear navigation with Your navigational bar. If you do have lots of products, consider adding some sorting options or filter options, or even adding a search bar to make it easier to find products. In addition, you maybe even want to create some themed collections for your site. Next, you can also include SEO keywords throughout your website, especially in the header. And for site speed, it's good to add heavier content like videos lower on your page. When it comes to SEO and images, it's very important that every image on your website has alternate text, as Google does not read images. So now let's take a look at how to add alternate text in the WIX editor. So first we're going to click on the settings gear icon on the image and then right underneath where it says what's in this image, we're going to tell Google exactly what we want. So it's very important to describe the image for the actual contents that it contains. When it comes to making your site more interactive, we should definitely use some social media icons, especially above the first fold. So you might want to consider using features like pin to screen, as well as even adding live chat to make sure that every single time a person comes to your website, they can communicate with you at any time of day. In addition, we can consider adding some things for trust, you know, like trust icons that you might get from like the BBB or cool badges that show how verified you are or certified you are or on other places maybe like trustpilot for example. So when it comes to your footer, it's very important that you add your policies down there, maybe even a menu back to products, your map, your contact form or physical locations, as well as social media links. When it comes to FAQs, it's very important that you add this on your website, especially in the footer, to make sure that every user can come to your website and find answers to all your frequently asked questions. So now that you know about footer and must, let's now dive into editors and why you might choose the ADI over the editor or vice versa. So ADI is a really good option for if you just want to kind of like easily kind of accelerate the production time in your website design and you don't have time of actually going through the editor and building everything page by page and step by step. So the ADI really builds everything really quick for you. It really just accelerates your production time. It actually pulls your logo colors from your logo and actually builds a custom color palette. In addition, build your text themes, making it really easy for you to start your production and your website. In addition, once you have everything the way you want it to be on the adi, but you want some more customization, you can actually transfer your site design from the ADI to the editor, fully releasing all of wix's capabilities for design customization. So in terms of the editor, one of the key benefits are going to be again, full design customization. You're not going to be limited by the constraints of the adi. You're going to have full access to use more advanced functionalities. Even if you wanted to develop more advanced things with code, for example, or even if you wanted to just kind of like have more experience with layering or have more abilities to layer things on top of one another, more functions in the mobile app, for example, you can really customize your whole experience. So now let's move on and pick out a perfect WIX template. Be aware that some templates already have pre installed applications for WIX stores, making it easy for you to start your online business. So all of those best practices that we discussed are already going to be a part of all of those great templates, including instant chat, including options for good call to action above the first fold. Just keep that in mind as you pick your template out on Wix.com now that you've chosen the template, I think it's very important that you know that WIX makes it easy to optimize your site for mobile devices. As you can see when you go inside of the mobile editor here you have options to customize everything, maybe even hide some elements from the desktop that are on the mobile device, as well as even customize everything in terms of the look, the feel, the menu. Maybe you want to add a welcome screen or even like a cool toolbar at the bottom of the page. WIX makes it really easy to do just that. One of my favorite things to do on the mobile site is to enable my back to top button. So making those really long scrolling pages something that I can access easily from the bottom and go right back to the top. Lastly, we'll dive into some marketing tips to optimize your site. So one thing I really suggest is installing Hotjar onto your website. Or you can also use Crazy Egg. It actually allows you to understand every single inch of your business traffic where it comes from so you can optimize and get the most out of your marketing campaigns. Thanks so much for watching. Feel free to check out the resources below and look forward to our next lesson.
