Shopify AI Website Builder Tutorial - Step by Step

Starting a Shopify store has never been easier thanks to the power of AI. And in this video, I'll show you how to start your very own Shopify store using this incredibly powerful AI store builder that's already generated over $40 million in sales. Over the next few minutes, you'll learn how to generate your store in just a few clicks, generate high-quality product photos, get all of the important settings configured, and by the end, you'll publish your Shopify store, and you'll be ready to start making sales. So, just follow along, and I'll teach you how everything works step by step. So, the first thing we need to do is set up our Shopify account. Go ahead and click on the first link at the top of this video's description. That's going to make sure that you're getting the best available deal when you sign up for Shopify. And right now, you'll get a 3-day free trial and then 3 months for just a dollar per month. So, make sure to use that link down below to save yourself some money. After you click on that link, you'll be brought to this page here. Go ahead and enter your email address right here and click on start free trial to move on. Now, let's click on continue with email. And on this page here, just go ahead and enter your personal information and create a password. And once that's done, go down and click on create Shopify account. And once you're brought to this page here, this is where you're able to claim your 3-day free trial and the special $1 per month offer. So to claim the special offer and your free 3-day trial, go to the right hand side and simply input your payment information here. And once that's done, go down and click on subscribe for $1 to move on. Now it's time to choose our plan. I recommend just going with the basic plan. It has enough features for anybody that's just starting out. So I'll click on try basic and I'll add my business address later. So I'll go to the bottom right and click on add later. We're going to go ahead and skip the onboarding setup. So let's click on skip customize setup. Nice. And now you're signed up and subscribed to Shopify. All right. Now that our Shopify account is set up, it's time to build the store itself. Go ahead and click the second link in the video description, and that's going to take you to the AI store builder app. This is what's going to design your store for you in just a few minutes and get everything else set up for you. And then once you've clicked on that second link, you'll be brought to this page here. So to install the third party app, click on try Atlas for free. Then go to the lefth hand side and click on install. Then go ahead and click on install again. This will install the Atlas AI store builder app to your Shopify account. And after it's done installing, go to the lefth hand side here and click on this little pin icon. This will pin it to your navigation so it's always easy for you to access. And now with that done, let me show you how to use this app to generate your entire store using AI. So the first step, go down here and click on start setup. Then we'll make sure that generate store is selected. Then we'll click on next. And here we'll need to choose a product source. And as you can see here, we have four different options. So let's start by talking about the Shopify product source. And this is the product source for most people that becomes the most confusing. If you've already manually added your own products into your Shopify account, and you can do that by going to the top left here and clicking on products. And once you click on that, you'll be able to add your own products into your Shopify account. And then back on Atlas here, when I click on Shopify, I'm able to select my own products and use this as my product source. And with this selected, Atlas is now going to use my own product to generate my store. So, in the event that you aren't drop shipping or you're selling your own products, this is how you generate a store based on your product. For this video, I'm not going to be using this example product. So, I'm going to simply close out of this. Now, let's talk about the other three product source options. Here we have Amazon, Alibaba, and AliExpress. So, if you're drop shipping your product, just copy the product link from one of these three platforms and then paste it in right here. So, in my case, I'm going to go with the AliExpress product source option. I did some research on the platform and I found this product that I want to start selling. It's this wireless charger stand for your phone. So, to generate my store based off of this product, I'm going to go to the top here and copy the product link. Then I'll go back to Shopify. And then I'll simply paste in the product link here. With that done, I'll go to the bottom right and click on proceed. And now Atlas is going to generate my store based off of that product. It's really as easy as that. And this process only takes a few minutes to complete. Now, with that done, our store is ready and has been generated for us. Before we can customize it and see how it looks, we'll need to choose our product photos. As you can see here at the top, we have these product photos that were automatically pulled in from AliExpress. But don't worry if you don't like these product photos. Later on in the video, I'm going to teach you how to generate highquality product photos that will look way better than these. So, for now, I'll just keep all of the default photos. And also, if you already have your own product photos ready, you can upload them here. For now, I'll go to the bottom here and click on continue. And after that's done, we're brought to this page here where on the right hand side, we can get a live look at our generated store. And scrolling through so far, everything looks really professional. Our product is automatically listed at a discount, and we even have a review section built in right here. And one thing I really like about this AI store builder compared to other options that are out there is that all the text on the product page is actually customized to the exact product that I imported from AliExpress. Like for example here, if I scroll down to the description tab and open it up, all of the details here are directly relevant to the product that I imported. This is because Atlas actually studies the original product page and pulls in the most important information for your store. I'll close this up here. There's also some other sections here that are just going to make your product page look super professional and polished, which will help you start driving sales right away. And it's also important to note that you can remove, add, and change all the text that's seen here. So, if you don't like a section, you can just remove it later on. Now, let's scroll all the way back up to the top. And now, here back on the lefth hand side, we can choose a color scheme for our store. I'm going to go with this faded denim option here. And you can also choose your own custom colors down below here as well. Next, let's configure our homepage. To change the page that you're editing, go to the top here and find this dropdown. Then click into it and let's switch it to homepage. And then you're going to see the page change here on the right hand side. Now here we have four different sections that we can edit. We have our image banner. When I open that up, you'll see I can change out all of the text here. Then we have a few other ones. We have image with text, rich text section, and feature columns. So, if there's anything on the homepage that you're wanting to edit, you can do so here. Next, let's configure some important information on our product page. Let's go back to the drop down again, click into it, and switch it to our product page. Start by configuring our product information. I'll go ahead and open this up here. For my product title, I want to include my brand name. So, this brand is going to be called Charge Dock. So, I'm just going to add that to the front of the product title. And for our product pricing, this is going to cost us about $11 from the supplier. We want to mark this up by about 2 1/2 times. That's going to bring us to about $29.99. This price is going to vary obviously depending on what product you're selling, but make sure you factor in enough profit to make the product worth selling on your store. And now, if I scroll down here on the right hand side, we're going to see those changes reflect. Here I have charge dock in the title. now. And my price has been changed to $29.99. And then we also have some other sections we can change here. Some of these are able to be edited later on in the Shopify theme editor, but I would recommend doing some configurations here. It's going to save you some time and get your store launched way quicker. I'm happy with just changing the product title in product price for now. So, to move on, I'm going to go to the top right here and click on launch your store. And next, we'll need to choose a plan. But before you do so, make sure to enter the coupon code medics. Then click apply. And that's going to save you 20% on your Atlas subscription. And here we have a few different plan options to choose from. And I would recommend going with the pro plan. This plan includes a few different features that are really going to help elevate your store. You'll get access to bundler incar upselles and most importantly AI product photo generation. This plan easily pays for itself with the extra revenue that these features can generate. And it's completely risk-f free with a five-day free trial. So I'll click on start your five-day free trial. And then I'll click on approve. And now with that done, your AI generated store is going to be imported into your Shopify account as a theme. Now let's go ahead and customize our Shopify theme. We'll click on publish your store and this is going to take us to our themes page. To find your AI generated store, scroll down and find the Atlas theme. Go to the right hand side and click on publish. Click on publish again. Scroll back up and click on customize. And that's going to take you straight to your store's homepage. And the first thing I like to do is just go up to the top and switch it from desktop to mobile view. This is because most people are going to visit your store from their phone. Now, if I scroll down here, we can get a look at our homepage. And again, everything looks really nice, clean, and professional. And like I mentioned before, you're able to edit and change out all the different sections here, just like you would with any other Shopify theme. Now, our homepage looks great, but we want to focus on our product page. To get back to your product page, go up to the top here and find your navigator. Click into it, and we'll click on products. and we'll find our product page here. Let's click on this. And now that we're back on our product page, there's another important thing that we want to make sure that we don't miss. Let's make sure we enable both the Atlas app and our cart upselles app. You can do this by going to the lefth hand side here and finding your app embeds. Go ahead and click into it. And then we'll enable Atlas. And then we'll enable Atlas cart upsells. Doing this will make sure that everything is turned on and functioning correctly. And then just like we did on the homepage, we're able to scroll through our theme editor here. And we can change out, add, or remove any of the sections that come with our theme. Like for example here, I could scroll down to my review section here. And to change out the reviews, I'll simply click on the section and I can change insert review here to say I love this product. And then let's say there's a section that I don't actually want. I could scroll up and for example here, this block of text. I don't actually want this section. So to remove it, I'll click on the blue popup here. Then I'll simply click on the red trash can icon. That's going to remove the section from my product page. So making customizations to your theme is as easy as that. You can dial it in and make all the changes that you want. And now the next thing I want to do is upload my store's logo and favicon. So, I'll scroll back up to the top and then I'll go to the lefth hand side here and find my theme settings. I'll go ahead and click into it and then I'll open up the logo tab here and I'll select my logo. I'll go ahead and drag in my logo here. Give that a moment to upload. Then once it's uploaded, I'll go to the bottom right and click on done. And then my logo will be uploaded here. Next, I'll want to drag in my favicon. I'll select it here and then I'll drag in my favicon image. Go to the bottom right and click on done. Now, we're not able to see the favicon just yet because our store isn't live, but once we publish our store, it'll appear right here just like Shopify's favicon. It's simply a little image that appears in your customers browser. Now, with all of those changes made, let's go to the top right here to save our progress. Let's go ahead and click on save. Now, let's talk about the next thing that we can do to elevate our store even more. Right now, we have these default product photos from AliExpress. But we want to generate some highquality product photos that feel custom and unique to our store. Let me show you how to do that. Let's start by going to the top left here to exit the theme editor. Let's navigate back down to Atlas under apps. We'll click into it. Then, we'll click on AI product photos. Let's go to the top here and click on start creating now. And here you'll see a few different training photo requirements. And these are all really important to keep in mind when you start training your model. So first up, make sure you upload multiple images displaying different angles of your product. Second, try uploading at least two images showing only the product. Make sure you remove all text and distracting background items as well. Third, try to keep a consistent image quality in product color. And lastly, upload five to eight photos to train the AI model. Keeping these training photo requirements in mind and following them is going to make sure that your AI model outputs the best quality photos for your product. Let's go to the bottom right here and click on next. Here we have a couple different training photo examples. Click on next. Again, this slide here is going to teach us about the different training speed options. They recommend going with the three-hour training to get the best quality and I would recommend that you do this as well. Let's go to the bottom right and click on next. Again, here we can learn about the different prompt examples. Your prompt will be really important. It will determine what kind of photo that you get. Atlas has a really helpful feature here where the AI can suggest a prompt for you and I'll teach you how to use this in just a moment. Let's go to the bottom right and click on next. Again, it's giving us some more information here about our prompt. Now with that done, let's click on train your AI model. Now here, let's start by giving our model a name. I'm going with charge doc for my product name. So I'll just name it that. Now let's scroll down. And here we have two different options. We can select photos that already exist within our Shopify product or we can upload our own photos. I'll show you how to do both. So let's click on select product. We'll select our charge dock here. go to the bottom right and click on select. And I'll want to use this first image here. So I'll select it. And then I'll want to upload my own photos as well. And for those I'll simply just drag and drop them in. Then I'll make sure that all of these photos are selected. Then we'll scroll down and choose our training speed. Atlas recommends going with the 3-hour training, but for the sake of time in this video, I'll be going with the 30inut training. Once you've chosen your photos and your training speed, go to the bottom here and click on start training your model. Click on start training model again. And now we'll sit back and wait for the training to complete. All right, so it's been just about 30 minutes and the training status has changed to succeeded. To start generating our product photos, let's go to actions here and click on this button. Now, on this screen here, you can choose to either use the recommended AI generated prompt or write your prompt from scratch. I'd recommend just going with the recommended AI generated prompt and then making adjustments to it as needed. So, I'll click on use recommended AI generated prompt. And there we go. As you can see here, it wrote, "This image depicts a sleek modern smartphone stand designed for desktop use. The stand is composed of a circular base made of black metal or metallic material." and it goes on to describe the rest of the image. I'm happy with this. And if you wanted to, like I said, you could make adjustments to it and change some of the details, but I'm happy with this prompt as it is. So, I'll scroll down and click on generate now. Click on generate now again. Then I'll scroll down and you can see here that my product photos are now being generated. So, let's give this a minute to finish generating. Awesome. So, here are the four product photos that we had generated for us. And honestly, all four of these options are really good. If you want to expand an image to get a better look at it, just click on the eyeball button. And yeah, I think that looks really professional. So, I want to save all four of these images. To do that, I'll click on save all images. Now, those images have been saved. To access them and save them to your device, just scroll up and find the saved images tab. Let's click into this here. Now those photos will load in and we can actually save these to our device and upload them to our Shopify product. So I'll save all four of these images here by selecting them and then I'll click on download selected images. And now those images will be saved to your device most likely in your downloads folder. Now we need to actually upload these product photos to our Shopify product. To do that let's go to the products tab here in the top left. Then let's click into the product. Let's scroll down to our media here. I'll go ahead and remove all the product photos that I don't actually want to use. And I'll click remove. Now let's upload our new product photos. I'll go ahead and drag and drop those in. Let those upload and make sure that all four of them are selected. With them all selected and uploaded, I'll go to the bottom right and click on done. Nice. So now I'll make this one here my primary product photo. And I'm happy with how that looks. To save the changes, let's go to the top here and click on save. And just like that, we've generated high-quality product photos to make our product stand out and look way more professional. Next, let me teach you how to upsell your products and boost your average order value by using product bundles. This is another really exciting feature that comes with this AI store builder. Let's start by going to the bottom left here under apps and clicking on Atlas. Then click on bundle deals. Go ahead and click on create bundle. And here you'll see four different types of bundle templates with the most common one being the volume discount. So I'll go with this one. Click on use this template. And here you have some options that you can change. You can start by giving your bundle a name. You can change the title if you want to. You can also choose which products this bundle will be targeting. To get everything set up really quickly and easily, I would recommend using the AI wizard. This is going to do all of the math for you and make sure that all of your bundle offers are nice and optimized. To access the AI wizard, click on AI wizard here on the lefth hand side. Then select the product that you want the bundle offer to apply to. Then enter your cost of goods sold. In my case, this product is going to cost me $11 to buy on AliExpress, so I'll enter $11. Here you'll be able to configure the number of offers that you want to show. I would recommend just leaving this as three. Then you can change the colors of your bundle and whether you want an upsell or a gift. I'm happy with all this here. So I'll scroll down and click on generate AI recommended offers. Then on the right hand side, you're going to see it update. And now all of our bundle offers are nice and optimized. If you want to adjust any of these here, just go to the lefth hand side and under offers, expand the one that you want to change. and you'll be able to configure and adjust everything here. I'm happy with this. So, to publish this bundle offer, I'll go to the top and click on save. And there we go. We've published our first bundle offer. But now, we need to actually add it into our product page. To do that, click on take me to my store. And under your Atlas theme, click on customize. Then, use the navigator to go back to your product page. Then scroll down and right above the add to cart button, you'll want to add a section here. Click on that blue plus. Then click into apps and click on Atlas Bundler. Then you'll see that bundle offer we made appear here. And to save our changes, let's go to the top right and click on save. Now let's scroll up to the top of our product page here. And everything is looking really good. But right now, we're only selling a single product on our Shopify store, which is absolutely fine. But there are plenty of people that want to sell multiple products on their Shopify store. So, let me show you how to do that as well. Go to the top left and exit the theme editor. Go down and click on Atlas. Then click on product pages. Then you'll need to load in the theme you want to add a new product page to. So click on load themes. Then click on the theme that you want to generate a new product page for. With it selected, click on generate product page. And here you're able to select a product source just like we did at the very beginning of this video. Using this feature, you're able to generate as many product pages for your store as you want. Just go through the exact same steps as before. You just started your very own Shopify store and it didn't take much time at all. This AI store builder app is incredibly powerful and I hope it helps you get your store off the ground. When you're signing up for both Shopify and the Atlas AI store builder, make sure to use the links at the top of this video's description so you get the best available deal. And if you want some more help diving deeper into the back-end technical stuff like designing your homepage, setting up menus, policy pages, shipping, payments, and taxes, I've got a separate video that walks you through all of it step by step. And you'll find the link to that video down below in the pinned comment. So, go check that out. Thanks for watching. I hope you enjoyed this video, and I hope that it helped you out. With that said, I'll see you in the next