Wix is a powerful and intuitive website builder that offers all the tools and features that you need to create a thriving online store. Today, I'm excited to share the exact steps, from customizing your website to listing products and making your first sale with a premium Wix e-commerce website. The great part is, by using AI, we can do all this within 20 minutes.
Okay, so just quickly, before we go ahead and launch into work, consider subscribing if you haven't done so already or if you're new to this channel. That way, you'll stay updated with actionable videos and tutorials designed to equip you with the skills, knowledge, and tools to help your small business thrive online. With that happy note out of the way, let's go ahead and create an e-commerce website using Wix.
To build a stunning online store using Wix and AI, so you can start selling online, simply head over to your browser and type in wix. com or click on the link in the description below this video, and that's going to take you here. Then, simply navigate up to "Get Started" and create your free Wix account.
Simply add your details over on the left-hand side or sign up with Google or Facebook. I'm going to quickly go ahead and add my details here because I want to build an online store for myself. I'm going to click this option and then click on "Continue.
" Here, we have two options for creating our online store: we can create an online store with the help of AI, or we can choose not to use AI and then go through the process of choosing a template and customizing that template. However, for the purpose of today's tutorial, we want to use AI to help us generate a stunning and unique online store. Later on down the track, I'll show you how you can further customize this website.
Simply click on "Start Chat," and Wix's AI chat will ask you a few questions about your website and brand. So, what do we want to call our website? For the purpose of this week's tutorial, I want to create an online store that sells jewelry called "Gold and Garrett.
" Once you've added the name of your website, go ahead and click on "Next. " Then, go ahead and add a brief description about your business. Once you've added a brief description, click on "Next.
" For me, I need to add the items that we sell, then once you've added the items that you sell, click on "Next" again. Essentially, what we're doing is building our site profile, and this is going to allow AI to understand what our website and brand is all about so that they can generate a unique website based on our input. You also have these options down here; for example, if the question isn't relevant to you or you do not want to answer, you can always skip the question.
You can also rephrase the question if you're not too sure what Wix is asking, and you can get help answering a question. For this question, I'm going to go ahead and click on "Skip Question. " Now, I want to add where my business is located.
Next, if you have a specific business location, you can always add that instead of a generic location. I'm going to skip this question for now; however, the more answers that you give, the better this is going to allow AI to understand exactly what your business and brand is all about and create a website personalized to you. Here, I'm going to add my design preferences, so I want my website to be minimalistic and sleek.
Just like that, we can head over to our personalized dashboard and start building our online store. It's important to note that we can get started with Wix completely for free; however, if we want to start accepting payments before we launch our online store, we will need to upgrade to a premium plan. I'll talk more about choosing the right premium plan for your online store at the end of this video.
To start customizing our website, simply navigate up to "Design Site"; however, it's best to navigate through this process down here. First, we want to set up our shipping and delivery. To do that, simply go ahead and click on "Set Up Shipping.
" You can also navigate over to "Shipping and Delivery" under settings. Here, you can see my two default delivery and shipping options. Simply go ahead and click on "Edit," and you can add the regions that you service or to which you sell.
Then, add your shipping type for that specific region. Do you provide free shipping, a flat rate, rate by weight, rate by price, or rate by product? For us, we're going to keep free shipping selected because I sell jewelry, and in my case, these are high-ticket items, and they're also small items, meaning shipping is affordable for our brand, so we include this in the price.
You can add other options like delivery time, as well as local delivery and pickup. I'm going to leave this for now and click on "Save. " Take your time to set up your shipping and delivery.
Okay, let's navigate back over to "Set Up" and then come down to "Set Up Payment Methods. " Confirm where your business is located, and you can do that up here. It only takes a few clicks to set up your payment methods; however, I recommend spending the time to connect as many payment options as possible to allow your customers to choose the right payment option that is suitable for them.
We want to make the customer's journey. . .
As smooth as possible, and a great way to do that is by adding multiple payment options. Okay, so I'm going to quickly go ahead and connect PayPal, and you can see the fees of this payment method over here. All I need to do is add my PayPal ID, which is my PayPal email address, then come down and click on connect.
As you can see, PayPal is now connected. So again, take the time to connect PayPal, Stripe, and other payment methods that you want to use. Okay, so let's navigate back over to setup.
As you can see, it's an incredibly straightforward process to set up your online store. Next, what we want to do is go ahead and start designing our online store. Simply click on "Design Site" or click on "Design Site" up here.
Then here we have two options: we can allow Works to create a website for us based on the information that we added earlier, or we can choose from a pre-made template. For the purpose of today's tutorial, we're going to allow Works to create a unique website for us. As you can see, based on the site brief that we provided earlier, AI has gone ahead and generated this website.
When you're happy with this site, simply come down and click on "Continue with this Site," and we can further customize this online store. Now we have a few options up here. Before we do that, we can regenerate the site, and we can also make it slightly different.
You can click on any of these options to make slight changes. If I click on "Theme" down here, as you can see, this is the current description of our theme. We can navigate down here and generate a new theme by adding in the correct prompt, which is going to change our website slightly.
Again, we can also come down to "Site Description," and we can make changes to what our site is about, as well as our contact information down here. So, I'm going to quickly go ahead and add my contact information. As you can see, I've quickly added my contact details.
Then, what we can do is add our social links. For example, our Facebook page and another one, which could be our Instagram account. We can add more if we like; at the moment, I'm just going to leave these two social profiles.
Then we can click on "Apply Changes," and AI is going to regenerate your site based on the input that you just added. So again, like I mentioned, we can make changes up here, or we can regenerate the site, or we can make it slightly different. I'm quite happy with this minimalist chic design, but I'm going to go ahead and regenerate this site.
As you can see, this is the website that has been generated. I like the look of this, so I'm going to use this AI-generated website. Now, don't worry too much about the design, the pages, or the different features; we can add those shortly.
Simply come down and click on "Continue with this Site. " Then here, you have the option to purchase a premium domain. If you currently do not have a domain for your website, you can go ahead and claim one—either this one, or you can change it, or connect a domain later on.
I'm going to go ahead and click on "Continue to Editor," and this is where we can start customizing our AI-generated Works website. If we navigate over to the left-hand side, this is where you can add additional elements to your website. Pages, you can also add sections, you can add pages, and customize your menu.
You can also further customize your site design, add apps—these could be specific features that you want on your website. Then we have your business details, media, and CMS. Okay, so let's click here.
If you want to edit each of the sections on your website pages, simply navigate up to "Quick Edit," and that's going to allow you to customize that entire section. Over on the right-hand side, simply add the correct content. You can change the section background, the column background, as well as change the title, the paragraph below the title, as well as the paragraph itself.
Then we have these other options; we can change this image as well as this background down here. Now, if we click on this paragraph here, we can quickly make changes. Now, we can also use AI to help us generate content for our website.
For example, if we double-click over here and then click on this text, we can either simply edit the text or we can create AI text. This is the AI text generator that you can use with each of the text sections on your website pages. For example, I'm going to close this because I'm actually happy with this text down here.
Then I'm going to navigate down the page and click on this text here and click on "Create AI Text. " Let's use AI to generate content for this section. What is your business type?
We make sure your business name is correct. Is the text type a title or paragraph? We want to select "Paragraph.
" Then what's the topic of this text? Here we have a few options down here; you can also select "Other" if you can't find the correct option. I'm happy with "About," then add what's important to mention, for example, "Family-owned custom jewelry, established in 2024, only New Zealand materials used.
" Then come down and click on "Create Text," and here we have a few options that have been generated with AI. As you can see, this is a great example of how AI can help us. Generate content for our website.
I like this option over here because it explains exactly what our business is about by using these keywords here. Simply come down and click on "Use Text," and that's going to add that content into that section. I'm happy with that, so I'm going to close this.
You can do that with all of these different sections; you can do it with your headers as well as the text content, the copy on each of your pages. So, you have those two options. You can simply Quick Edit on the sections.
If we come down here, you can see we can go Quick Edit, and that's going to generate the content as well as the layout over on the right-hand side. Again, I can navigate up here and click on this section. Again, we have the layout and then the content, so you can simply make changes by using the Quick Edit feature or, as I mentioned before, you can simply double-click and click on each of the different elements, and you can make your edits.
Now, with each of our sections, we can move them up or we can move them down. We can also Quick Edit from the right-hand side. Again, that’s going to pop up this option here.
If we double-click here, again we can come down and explore section layouts, and then we have more options over here. For example, if you create a section on your website page and you want to use that section on a different website page, then what you can do is add that section to "Saved Sections," and you can use it later on. You can also cut, copy, duplicate, and delete.
Okay, so let's click out of here. Let's navigate up to our products over here. As you can see, this is a products section.
What we can do is navigate over to "Manage Products," and this is where you can manage your physical or digital products on your online store. At the moment, you can see we have nine default products. What you want to do is simply click here, then navigate up to "More Actions," and then delete the default products and add your own.
Alternatively, what you can do is simply locate a default product, and then you have these different options. You can promote this product, hide it from the online store, or click here and edit the product. So, what I'm going to do is change this default product by adding my own product details.
What I'm going to do is delete this image and then add my own images. All I need to do is upload media and then upload from my computer. These are the product images that I want to upload.
Give it a moment for your product images to load, and with each of your images, what you can do is crop and edit. Here, you have a bunch of options: you can crop and resize, you can adjust, and you can also add text and other elements. I'm happy with my original image, so I'm going to cancel out of this and then click on all of these images and click on "Add to Page.
" Here, you can select a category. I'm going to go ahead and create a new category. This is going to be called "Women's Necklaces," and I'm happy with this new category.
I'm going to unselect this default category, and then again we can add additional images or videos under product information. Here, you want to spend some time adding your product information. I'm going to quickly go here and do that now.
As you can see for the product information, I've quickly added the name "Ribbon" and a description. Now, you can also leverage these formatting options up here, and you can also use AI to help you create a product description. You can also navigate down the page and add additional info sections.
Then you want to add pricing as well as the cost of goods, profit, and margin. Then come down to "Custom Text. " Now, if you allow your product to be personalized, you can add a custom text field, and your customers can add personalization to that order.
You can also add product options; for example, if I had silver, gold, and bronze necklaces of this necklace type, then I can add those options in here. Now, you can also add your inventory and shipping, allow for pre-orders, and you can add a subscription. For example, if you're selling a digital product of some sort, maybe it's software or a course, then you can create a subscription, and you can charge on a monthly, weekly, or yearly basis.
This just depends on your business model. Okay, so for now, I'm just going to go ahead and click on "Save," and as you can see, that product has been saved. So, what you want to do is take the time to add your products to your online store.
You can also navigate up to "More Actions," and you can export and import your products as well as rearrange the order of your products from the category page. If I click out of here, we can also navigate down to "Inventory," and this is where you can manage your product inventory. You can also manage your categories, back-in-stock requests, and you can find products to sell.
If we click here, if you currently do not have your own products to sell, what you can do is connect your online store to a print-on-demand supplier. This means all you need to do is select the type of products that you want to sell on your online store; then you just need to customize those products by adding your own custom branding. Designs with a print-on-demand integration mean you don't have to worry about creating the products, inventory management, shipping, and handling.
If you want to learn more about print on demand, what I'll do is add the appropriate resources and video content down below in the description. Okay, so let's navigate back over to products and close out of this dashboard. What we can do here is simply navigate over to choose a category, and we can choose the type of category that we want to display in this product section.
Here, I'm going to select all products, and then we can click on settings. Here, we can choose what information we want to display. Then, if we click on layout, we can choose the margins, the product display style, the product info alignment, and more.
This just depends on how you want to display your products on each of your different pages on your website. You can see we have three columns, and products per load is three. Spend some time playing around with each of these different options.
You also have text design and then more options down here. What we're going to do is close this and then navigate up to the top. Now, if we navigate up to our header here, we can click on quick edit to make changes to the header over on the right-hand side.
Also, what we can do is navigate over to the left-hand side and click on pages and menus, where we can add menu items as well as manage the different menu items that we have up here. I'm going to come down, click here, then click the three dots, and delete this option. Then, I'll delete this page because I don't need it.
In online bookings, I also do not need, so I'm going to hide it from the menu. As you can see, I just have Home, About, Contact, and Shop. Now I'm going to move Shop up here, and you can see if I click here, that's going to take me to my shop page.
Now, we also have cart and thank you pages, booking pages, and store pages. You can also come down and add a menu item; you can add a new page, dynamic pages, a link section, or an anchor. Let's navigate back over to the homepage.
If we navigate over to the left-hand side and click on elements, this is where you can add specific elements. For example, I could add a button—let's go ahead and add this button. You can simply drag this button around.
I'm going to come down and add this button here. With the button, all we need to do is click on it, and then we have these options up here. We can change the text, icon, layout, design, animation, and the link.
I'm going to click on change text and icon and change this to "Shop Now. " Then, if I click on choose a link, I'm going to select Page, click here, then category page, and then all products, and then done. If someone clicks on this button, that's going to take them to all my products.
Okay, so I'm happy with that. Again, if I navigate over to the left-hand side, we can add other elements. These could just be text elements, again a button, stripe, decorative, or shapes.
We have all these options down here. Again, if we navigate down, you can see on our homepage that we can add another section from these templates. We can use AI to generate these sections, or we can choose from a pre-made section over here.
If you have any saved sections, you can also add a saved section. Again, over here, we have site design. This is where you can customize the overall site design and change the theme.
This is our current theme. If we click on change theme, we can go ahead and change the overall theme of our website design. If we come down and click on apps, this is where you have access to specific apps, and this just depends on what type of features you want to add to your store.
Do you want to add a social media feed? Do you want to add a review feature? This is for those that use Airbnb.
If you're a restaurant, you can embed a Works restaurant menu, a photo gallery, or a Works forum. If we navigate over to categories and come down to sell online, we can add a pricing table, works price plans, special offers, and loyalty programs. These are all different features that you can add to your online store.
Let's navigate down and click on my business. You can see that we have work stores enabled—professional e-commerce platform to sell online. If we come down, we also have Wicks bookings; this is for service-based businesses that want to accept bookings.
What I can do is navigate over here and delete this app because we do not need it. We are not a service-based business, and we do not accept bookings; we just sell products online. Again, if I come down my business, we can find additional apps that we want to add to our business.
Then down here, we have media; here you can find all your media and manage it. Below that, we have CMS; this is if you want to create a content-driven business and you're planning to create more pages, content, or blog content. If so, you want to add a CMS.
However, because we're just creating a simple online store, we're going to leave that for now. Again, what you want to do is jump through your different pages and. .
. Customize your pages the way that you like. You can also preview what your website looks like on different devices by clicking "mobile" or "desktop.
" You can then customize your content on your website pages so that it's responsive on mobile devices. If I click on this section here and make changes, that's going to make changes to this content for mobile devices only. For example, if I click this button and drag it down here and then head back over to desktop, you can see that the button is still in the same place down here, and on mobile, I've also added the button down here.
Now, when you're ready to publish your website, simply navigate up to "preview," and that's going to allow you to preview what your website looks like online. Then, navigate over to "publish. " If you click on "publish," your website is live online.
Simply view your site over here. Okay, so let's close this and then navigate over to "site," and then come down to "my dashboard. " Again, when you want to edit your site, simply navigate over to "edit site.
" Ideally, what you want to do is connect a domain and set up a business email. Remember, you cannot start collecting payments unless you upgrade to a paid plan. Let's go ahead and click on "compare plans" because we want to start accepting online payments.
We need to choose a business or e-commerce plan. Now, with a small to medium-sized online store, you can get away with the business basic, and as your business grows and expands, you can upgrade to a more premium plan down the track. Again, all of these plans will give you a free custom domain for one year, and all of Wix's branding will be removed.
Like I mentioned, you can start accepting payments, and you can also start accepting recurring payments if your business model requires you to accept those. Customers can also create accounts. You also get a 14-day money-back guarantee on all premium plans.
So, like I mentioned, get started with the business basic and see if Wix works for you. You can always get your money back within 14 days if you realize the Wix website builder is not an appropriate builder for you when it comes to running an online store. If Wix is not for you, then what I'll do is add other video resources down below that will compare Wix with other different online store builders.
Okay, so let's head back to our dashboard. Within our dashboard, what we can do is navigate over to "sales," and again, once you upgrade, this is where you can manage all your sales. However, that is everything that I wanted to cover to help you create an online store using Wix and AI.
And there we have it, guys. That is it for this Wix online store building tutorial. Now, if you have any questions about creating an e-commerce website with Wix, make sure to pop them down below.
With that said, thank you so much for watching this tutorial all the way through to the end. If you found value, make sure to leave a like and subscribe, and that way, I'll see you in the next video. Take care, everyone!
