BACK

how to edit shopify store

Customize your Shopify Theme FAST | How to Design Shopify Store 2021let's be honest your store desig

Updated on Jan 23,2023

Customize your Shopify Theme FAST | How to Design Shopify Store 2021

let's be honest your store design,matters and if you have a really ugly,site people are just going to leave and,they're not going to purchase from you,so in this video i'm going to show you,exactly how to customize,your shopify store design,as soon as someone comes to your site,they only have about seven,seconds before they decide if they want,to look longer on your site or,leave so those seven seconds really,matter and design,matters when it comes to that you want,to make sure that your site is,eye-catching,and it really speaks to your ideal,customer so,how do you do this you really need to,pick out your shopify,theme and make sure that it works based,on what kind of,imagery you have if you have a lot of,really great big images,then pick a theme that's going to,highlight those but if you don't have a,lot of great product shots,then you want to make sure that you pick,a theme that's not going to be heavily,reliant on that,once you've chosen your shopify theme,then it's time to,customize it and this is where it's,important to create different assets,choose your fonts and colors,to make sure that it's appealing for,your ideal customer,so this is super important but a lot of,times people kind of overlook the design,step so i'm going to show you really,quickly how to,actually customize your design in the,back end of shopify for both your home,page,collection page and product page so to,get here you're going to click on,online store and then you'll see themes,there from the list,so now that we are on the themes page,you can see your live theme here,this is what your customers are actually,seeing whenever they come to your site,as well as your online store speed we've,done another video on how to speed up,your site so i will,link that in the description below and,in the info cards above as well,and you can also see the theme library,so you can,upload your theme if you've purchased it,somewhere else or you can explore the,different,theme options available so for example,if you click on,explore free themes you'll actually see,a pop-up of all of the different free,themes that are available here,the one problem with this is if you,click into it you can't really see,how the site overall looks as well as,how it looks on mobile you can just kind,of see the different styling aspects,so what i do recommend that you do is,actually visit the theme,store so if we just click on this here,you can see,the full theme store and this is both,free,and paid themes so what i like to do,whenever i'm trying to decide on a theme,for a shopify store,is i'll actually go to all themes up,here at the top,and then you can see the sidebar here of,sorting options so you can actually sort,through,and you can see you know based on you,just want to see,themes that are just for single products,so if you click on that,then it shows you just that product or,specifications on the right hand side so,you can better narrow down what kind of,theme that it is that you are looking,for,so if we unclick this let's just go,ahead and go with a free theme,and we can click on free here and now we,can see all of the different free themes,that again we did see in that pop-up,already,but the difference is now we can,actually click on the,theme we can again see the different,styles that it includes as well as we,can view the demo so if we click on this,here,we can now actually view the demo of the,theme,see exactly how it looks as well as a,really important feature which is seeing,how it looks on mobile so if we click on,this,mobile phone device we can then see how,it looks on,mobile devices so we also just posted a,video about how important it is for,mobile devices and stylizing your site,so i'll also link that below if you want,to get a little bit more information on,how to make sure that your site is,really performing,well on mobile devices so if you decided,that you wanted to go with this theme,you would just hit add theme here,let's go back to our shopify store,backend,and we're just going to go ahead and use,the default brooklyn theme,that we already have set up so you have,a couple options you can click on,actions,you can rename the theme duplicate it so,that that way you,have a copy of the original you can also,download the theme file,and edit the code so this would be if,you knew,exactly you know specific things that,you could edit in,or if you were a developer you could go,in and edit the code,you just want to be careful here because,you don't want to make any changes that,you're not going to be able to fix and,then it's going to edit your site and,you're going to have,issues you can also change the languages,of how things appear on your site so,this would be more,technical terminology so you can go in,and,do these different options but what,we're going to be doing in this video,is we're going to be customizing this,theme so i'm just going to go ahead and,click customize here,and now we can see here we've got some,default things added in on the left hand,side that we can customize,as well as this is the default setting,so we're going to start going through,and doing these different options i do,want to mention real quickly,that this is just a test site that i'm,using for this video,so all of the images and products that,i'm using are from a company called,rifle paper company,if you like any of the products or,images that are featured here,definitely go check out their site at,riflepapercode.com,so back to our site here let's just,start off first,with the header area so you can see here,this header area is going to be,default and standard throughout our,entire site,and that's right here with the logo that,we will change,out as well as our navigation also if we,scroll down to the bottom you can see,here,there is a footer area that's going to,be the same throughout our site as well,and then all of these areas in between,are specific to this,home page design so we'll go ahead and,do the header and the footer first and,then we can come back to the home page,design,so let's click on header and then we can,see all of the options that are specific,to this header,so first off we can add in an image here,so we can hit select,image and i've already got a few added,in but you could just click,upload and upload that from your,computer as well but i'm just going to,add our logo in,click on it and hit select we can then,see that we can change the width of this,so we can make it bigger if we wanted,or we could make it smaller all the,themes are going to have,different options based on the theme,that you choose,so you're not going to see exactly what,i'm seeing in terms of,the options here so you'll just want to,go in and play around a little bit,we can also change the color for links,and icons,and have a transparent header so right,now we have,this is our big slideshow image and we,have,our logo and stuff laying on top of it,if we didn't want to do that and we,wanted it to be a,white bar behind it or another color we,could just click on this here,and now we can see that's a little bit,more prominent so,let's go ahead and leave it like that if,you were going to have your logo,over the homepage slideshow this theme,does have additional options like you,can add a white version of your logo,or change the header links and icons,just to make sure that it shows,up a little bit more we can also see,here we have different types for,navigation if we wanted it to how we,wanted the,navigation to display we will just keep,that as it,is we can also see we could change the,menu out so we just have one menu,for the main menu area here but we could,go in if you had multiple different,types of menus and you could change that,out,and there is a secondary sidebar menu,which would i'm guessing show on mobile,devices,so we'll just keep that at the footer,menu for now,and lastly we have different things here,for the announcement bar so that's this,up here at the top,so we can choose to only show this on,the home page,change out the text where it links to,the colors of it,as well as if we just wanted to show it,or not so let's go ahead and turn that,off for now,just so we can get everything a little,bit higher up on the page,once you make edits you do want to make,sure that you hit the save button you'll,still stay,in the editor here but that way you can,make sure that your changes are saved,so now i'll click on this arrow back to,go to all the other settings,and now let's do the footer so i'm going,to click on footer,and it has zoomed us to the bottom of,the page now we can choose if we want to,show the payment icons which you can see,here as well as,a language selector and currency,selector,so i'm going to go ahead and turn those,off for now,but we'll keep the payment icons on and,again you can change the menu if you'd,like,so if we go back here and let's hit save,one more time,there are some additional options that,you can get into and i want to discuss,that real quick before we actually go in,and stylize our home page,but we can click on theme settings at,the bottom here,and we can actually go in and change the,colors and the fonts for the site so,this is going to change it throughout,the,site not just on the home page this is,going to be your colors overall,so for example we can come in and click,on colors,and you can see all of the different,options that we have here,so for example we have this newsletter,and tables background,which this is a newsletter section right,here we could always come,in and we can change this and you can,see,as we're moving this dot through here it,actually changes that color,if you knew what specific color you,wanted to use,then you could go in and type in that,hex color here,or you can say none to make it,transparent,but you can also just kind of drag this,around a little bit,and stylize your color a little bit more,what's really cool about this is this is,where you can really start to bring in,the branding elements,that's going to really make your site,look more unique so you can go in and,start actually playing with the colors,to match your branding,as well as changing out the fonts,so i'm not going to go through and,change all of these colors,throughout however you can see how you,can easily customize,all of that so if we click on this arrow,back we can now go in,and do the same with typography so we,can see here our heading font,this is what's showing up here as well,as some of our titles like this example,product title,so if we click on change we can then see,a,large list of all the different fonts,that are available and we could click,add more so let's click on one of these,fonts and we can see now it's instantly,changing on the right hand side so it's,really cool it's,helpful to to then go in we haven't,actually made the change on the site yet,but you can try out different fonts and,play around with it to decide what it is,that you want to go with,you can also change here so this font is,arvo,we could click on regular below it and,we have other options,of we can make it bolder or italicize it,and we can go in and make different,changes once we've selected the font,that we want so,once we're happy with that we can just,hit select,and you can see by changing the font,there we've changed it here,we've changed it here and we've changed,it in a couple other areas,that you can see throughout the site so,by just doing it one time,it's going in and it's carrying it,throughout,now we have this accent text which you,can see here,so we can change this maybe we want to,actually keep this font so let's go back,to the newsletter or that looks to be a,different font there,so maybe we actually do want to keep,this font but we just want to change it,to be a little bit less,bold we have these options here of do we,want to capitalize it,or space out the letters a little bit,more we can also again click on change,and we can click on semi-bold,and we could just change this to regular,so we can see that gets a little bit,lighter there as well,and we can just hit select so you can go,through and you can make these changes,throughout so the body text,which you can see here we could then,change to maybe match,this accent text as well so instead of,scrolling through this is an,alphabetical list we can go back we can,see this font,is starts with an m,so we can start typing it out and then,now we'll see it,show up from the list and now we've got,that switched out as well and we'll hit,select,and you can also change the font size of,this so,we'll keep that at 16 for now but you,can see how easy it is to go in,and make these changes and stylize,things we've also now changed,the top menu navigation by changing that,font,so we'll just go ahead and hit save and,we'll go back,so every theme has different options,again that are available for it,so you'll see based on the theme that,you choose all of your options here,the cart page is going to show up,depending on if,it is a specific type of page so for,example if we click on cart here,right now it's set up as cart type so,it's taking us to,a cart page you can also though,have a cart drawer so this would be if,we,click on the cart now it actually pops,out from the right hand side,so different themes offer this kind of,functionality so you wouldn't actually,ever have a cart page,and it can kind of make it a little bit,quicker to get to checkout,we can also enable the order notes i,think we may have to have something in,the cart,but we would then see the order nodes,going back you can then add in your,social media handles and that'll then,start showing the social media icons,on your site so if we just type in,facebook now that we have that typed in,of course you would want to link to your,actual facebook page,you can see here it's automatically,added this in with a link to it and,it may add the icons in somewhere else,on your site,you can also choose if you want to have,the sharing options,for people to easily share your product,on your,product page but we'll get to that when,we're customizing the product page,so let's go ahead and hit back your,favicon,is the icon that shows up at the top so,you can see up here,with rifle paper company they have just,an r symbol,so that's what's showing up there and,you can,upload your own custom image for that,and lastly we have checkout options,so this is important to customize just,so it makes it unique for your checkout,page,so to actually see what this is going to,look like we can click on this,drop down menu up here and we can click,on,checkout so this is what a customer,would see whenever they actually,have decided to purchase your product,and they're going through the checkout,page so,by default it's not adding in our logo,or any colors,so this is where you can actually go in,and change that,you can also add in different stylized,elements so,let's add in a background image for this,banner so we can see how it looks,so we'll just hit select image and,upload,and i'm just going to select an image,that we already have,again from rifle paper company and now,we can see,it has been added up here so you could,play around with what,image looks best for that we could,select it or if we wanted to we could,decide to edit the image and crop it a,little bit to,have it show up differently or remove it,you can also add in your logo,so for this example with the banner it,would be a little bit harder to see over,it,but if we remove the banner it's going,to actually have the,logo below and so now if we add in the,logo,now we can choose how we want this to,look and we can choose the positioning,of it so we could say we want this to be,centered,and we want this logo to be as large as,possible,we can also go in again and we can add,in an image to the,background of the main content area,which is here,or the order summary over here as well,as change the,colors and the form fields and again you,can change the,typography and the colors for these,different buttons so,definitely want to make sure that you go,in and you customize it,so that it looks unique to your brand,and once they hit this checkout page,it's not totally different and kind of,generic looking,and it's still bringing that experience,throughout,so let's go ahead and click on the back,arrow and i'm going to,click on again to get out of the theme,settings page,and let's click on the drop down here to,get to the home page,now that we are on the home page we've,gone in we've stylized the header and,the footer,so now we have these elements here that,are on the actual home page so if we,look at it,we can see here we have a slideshow then,we have this rich text,area a collections list area,a featured collection a featured product,and then our subscribe to our newsletter,so these are the options that have come,already set up with this theme we could,choose other options,by just clicking on the add section and,you can see here we can add another,thing so we could actually say that we,wanted to add in blog post as well,and that will automatically pull in the,blog post,looks like a lot of other things are,added in let's see they also have a map,functionality,so we could add in a map and hours if we,had a brick and mortar store,or we could also add in a video again,this is going to be really specific,based on the theme that you choose,let's cancel out of this and i want to,show you how to quickly go in and edit,some of this,so it's going to be just like how we,edited our header and footer area,where we're just going to go in and,select different options so first let's,start with the slideshow,so i just clicked in on it to actually,open that,and let's click in on this first slide,and we're going to select our image so,i'm going to just hit select,image i'm going to actually use the,image that i had just uploaded for the,checkout page,and hit select we can then choose how we,want it to be positioned if we want it,to be,so this is showing the second image and,here's our first,if we want it to be positioned in the,middle center so we're getting a little,bit of cropping,just because this is a big image area,and ours is a little bit more narrow,we could also choose if we wanted to,have the text over it,and have the text overlay so you can see,here if we don't do the overlay,and we click back to this then it's a,little bit harder to read so you may,want to,do the show overlay and make it a little,bit darker,so let's actually real quick come back,here and i'm going to delete the second,slide so i clicked in on the second,slide,and i'm just going to click on these,buttons at the top to remove it,just so we can keep looking at our slide,so now that we go back to the first,slide that we were editing,you can see here whenever i change the,overlay opacity,we can see how that instantly looks so,you can play with how you want that to,look we also have different options for,the text so we could have it aligned to,the left,align to the right we can change out the,text,itself here as well as,choose a button so right now we don't,have a button,because it's not linking anywhere so if,we click in on this here,we can actually choose to have it linked,to different things like collections,products pages blog posts so let's click,on collections,and i'm just going to have it linked to,our best seller collection,so now we see the button show up here,and we have the options of how to,stylize this button,so again we can choose to center align,it and,now we have got that set if we change,the image position you can see that it,actually will change how,this looks so right now it's middle,center if we change it to top,left now we can see,more of the left hand side of the image,so you're going to have to play,with your image positioning as well as,make sure that you're adding in the,correct size image for your different,areas of your site so let's go ahead and,hit back,we can also change here how big we want,our slideshow to be so right now it's,set as full screen,so i can choose to actually adapt this,to first image,so now it makes it smaller and we see,the full image so that looks a little,bit better there and it's,showing the image a little bit more,crisp and we could choose if we wanted,to auto rotate slides and how fast we,wanted to do that so if you had multiple,slides that you wanted to add in,you could repeat the process by just,clicking on add slide,but let's just keep it at one for now,so next is this rich text area which you,can see here so we could select this,and then go in at our heading if we,wanted to and,text and also change the size of that,we'll go ahead and leave that there for,now,our next area is collection list so you,can see here,we have five different collections,showing up,so right now on this site for test,purposes,i actually only have two collections,that i have,enabled on the site so we can go in and,we can actually delete a few of these so,we'll,go in and click on collection and i'm,just going to click on the arrows at the,top to remove it,and that way we just have the,collections that we need you can see,though,as i'm deleting the collections they're,changing sizes,so at first it was five and you had two,up top three at the bottom,now there's three so they've made them,smaller side by side so once we delete,this one,we'll see that they are a little bit,bigger and still side by side,so if we click on collection we can then,select our collection here so i'm going,to hit select collection,and i'm going to choose one of our,collections that we've already,set up and i've added an image in for so,i'll hit select,and i can hit the back arrow and select,the other one that we have here as well,so now we have those set up we can also,come in here,and we can change this collection list,so we can say,shop our favorites or something like,that or we could just delete that,and now it doesn't actually show up the,collection title,so you have things that you can play,with there if we continue down the page,we can then do the featured collection,so,from here we can say you know shop our,best sellers,and then choose the collection that we,want to,showcase so i'm going to choose gift,wrapped and hit select,now we can see that we have an option of,this is a grid style layout,of it's showing us our six products we,could also choose to do a collage,so it's kind of changing the overall,styling,and making a little bit more dynamic on,the home page so let's go ahead and,leave it like that,the next option that we have is our,featured product so if we select on that,we can then come in and choose a,specific product so let's hit select,product,and since we did gift wrap above we'll,choose one of our other products that we,have,so i also added in some card sets from,them i'll hit select,and now we can choose how we want that,to showcase if we want to have the,social sharing buttons here,or we can turn it off we can also choose,if we want to,show the vendor so i can click on that,there and now,we can see we see rifle paper company as,well as if we want to,show the dynamic checkout button so that,would be the,if you had set up on your site like,paypal you could see the paypal button,there,so you can choose if you want to have,that still,there or not and of course they can,click on full details to go to the,individual product page,the last section of our home page is our,newsletter so if we click on that,we can already see how we had changed,the colors there and our theme settings,but now we can go in and actually change,the text,to stylize however you want and if,someone does,actually go in and create an email,address and subscribe to your list,they'll then be added in to your shopify,account as a customer,and depending on your email provider,whether you're using shopify email,or a third-party email provider like,mailchimp or clavio,they will then be added into your list,that you've got set up there,so i'm going to just keep that for now,but one really cool thing,once you've got everything loaded in is,you can actually change the order so,this was just the default order that we,have,however if we hover over this we can,actually click on it,to drag it and then we can drop it,somewhere else on the page,so you can see here we can drop it and,it actually showcased there,so let's move some things around so,let's actually do our best,sellers underneath our slideshow so that,we get people to the products faster,maybe after that we will actually do our,newsletter,so drag it and drop it there just to,break up the page a little bit with,color,then we've got rich text as well as our,different collections so let's feature,maybe,a product after the newsletter then do,our rich text,and then our collection so now we've,gone in and stylized it and made it more,unique,as well as added in our custom images,just to,stylize it more for our branding so it,looks a lot better overall,so you can do this same kind of process,for different pages on your site,you can see all the pages that you can,customize in this drop down menu here,so if we click on this we can then go,into a product page so let's go ahead,and click product pages,and now we can see a specific product,page again,your header and your footer options are,throughout your entire site but now we,have the option of product pages,and product recommendations so if we,click on product pages,we can see here again we have different,options we can choose to show the,product vendor,we also have the enable product sharing,so maybe we didn't want to do the,product sharing on the home page but we,do want to have that on the product page,so we can keep that there we could also,choose if we wanted to do a,quantity picker and if we wanted to make,that a button,or a drop down again the add to cart,button we can change the,sizing of that of how we want it to look,as well as if we had,multiple different images if we wanted,it to be stacked or if we wanted it to,show,thumbnails of our additional images that,we had i just have one image here,showing up though,but we could also choose if we wanted to,do image zoom,so this would be if we hover over this,you can see the plus icon we click on it,we then see a bigger version of the,image,so i actually have a video showing about,the specific sizes that you need,for your product images if you have,image zooming,for your site or if you don't as well as,how to resize your images in the back,end of shopify,so i will link that in the description,below and in the info cards above if,you're interested in that video,and if we click on the back arrow here,we can then see,product recommendations so this is this,you may also like section,we can choose if we want to showcase,this on the site,and we can also change the name so let's,go ahead and hit save again,so now if we click on this drop down,we'll go in and we can actually look at,how the next page we want to do so we,could do collection pages,so this is our best sellers collection,then it's showing up,or we could also go in and we could,choose one of our collections that i've,got set up in,the navigation so i could just choose,from here,our gift wrapped page and this is,showing,all of our gif wrap options so again we,can see collection pages over here,we can choose to show the collection,image so that's something that i've,added in,in the backend of shopify whenever i was,setting up the collection,it kind of pushes everything further,down the page and ideally you want to,have,everything above the fold so i'm going,to go ahead and turn that off for now,we could also turn on collection sorting,or,tag filtering so this is where people,can sort automatically if they wanted to,then show the price by low to high based,on the,date of how new the product is and you,can let them sort by themselves,or if you had tag filtering like you had,all of your products,tagged that had flowers in them tagged,floral,you could have tag filtering here so,that they could sort through all of that,we can also again choose how we want it,to be stylized so if we want it to be in,a collage,like how it is showing up here or if we,wanted it to be on a grid,in this section so it doesn't matter,that we chose,a collage on the homepage we could then,choose a grid style,here so you can make these changes that,are specific just to this page,and not going to be universal overall so,we'll hit save,and again if we click on this drop down,menu you could then go in and you can,make,continue to make these changes for,different areas of your site you could,do this for your,collections list which would show all of,the different collections and,their product images you could also do,this for your blog,your cart page checkout page which we,already did,as well as individual pages that you,have set up on the site,so for example we have a contact us page,and this theme doesn't look to have any,options on the contact us,page however we could go in and add in,if your theme had that some themes will,have a,map selection things like that on that,page that you could go,in and customize there so you'll just go,in and start customizing all of this,based on whatever theme you've chosen,and the options that are available,once you're done with that again you can,hit save,and you can then go back if we hit this,exit button at the top,we can then always click on this eyeball,in the left hand,menu and then we can actually see what,your site looks like,live so this is how your customer's,seeing it,and you could always resize this window,or see it on your mobile device,to see exactly how that's looking i,definitely recommend,checking it out on different devices if,you have access to them like a tablet,or a phone just to make sure that it's,looking good,overall so we just went over the design,aspect of your shopify store there is of,course a lot more that goes into setting,up your shopify store though,in terms of setting up your products,your collections pages all,of those kinds of things so if you're,interested in a,step-by-step of how to set up everything,like that we do have an online course,called ecom and a weekend,that shows you step-by-step how to set,up your shopify store,in just a weekend so if that's something,you'd be interested in,i will put a link in the description,below as well as the info cards above,and we would love to have you join us,for the course i hope you found this,video helpful we've got a couple,different,2021 growth strategies that we have in a,playlist over here,and you can check those out in terms of,how to grow your shopify store once,you've got it designed and looking great,and you've got it launched also if you,haven't yet make sure to subscribe to,this channel,post new videos every week all about,shopify and how to grow your online,store

The above is a brief introduction to how to edit shopify store

Let's move on to the first section of how to edit shopify store

Let PPSPY's experts help you find the best shopify product on your Shopify business!

Find shopify products (It's Free)

No difficulty

No complicated process

Find trending products

3.5K Ratings

WHY YOU SHOULD CHOOSE PPSPY

PPSPY has the world's largest selection of shopify products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

how to edit shopify store catalogs

Shopify Tutorial for Beginners 2023 (FULL Store Setup Guide)

Shopify Tutorial for Beginners 2023 (FULL Store Setup Guide)

in this shopify tutorial i'm going to,take you through step by step how to,build a professional shopify store from,start to finish we're going to cover,every single step from signing up to,shopify to launching your finished store,ready to sell your products that,includes choosing a theme customizing,your store website adding products to,your store and also important things,like setting up your legal pages your,payment providers and your shipping,information i'm also not going to waste,your time rambling about things that,aren't important and then try to sell,you a drop shipping course for 9.97 this,video will simply help you getting your,shopify store up and running as,efficiently as possible while also,learning how to use shopify so let's get,started,so the first step is to go to,medicsmedia.com forward slash shopify or,simply click on the link down below in,the video description this will get you,a 14 day free trial for shopify so do,that now and we'll go from there,great so once we're here we can simply,type in our email address right here and,then click on start free trial and then,we also gonna have to set a password for,our new shopify account and down here,you can also see the current url of your,new shopify store now you can change,that if you want to but eventually,you're going to want to get your own,branded domain something like,medicswatches.com anyway so i wouldn't,worry about that too much and then you,can click on create your store now they,want to ask us a couple of questions,about our business which we can actually,simply skip right here and then they ask,us for our name and business address,which is actually required in order for,us to create a new shopify account so,fill that out right here and then click,on enter my store awesome so that will,take us inside of the shopify dashboard,which is what you're gonna learn how to,use in this video however we're not,gonna cover every single thing here in,the shopify dashboard because a lot of,it is self-explanatory and i think the,best way to learn everything is to,actually start building out your store,and then learning by doing learning the,features when you actually need them so,i want to dive right into the fun stuff,and start building out our store,alright so the first step is to go ahead,and choose a theme for our new online,store so we're going to go to online,store here on the left side then we're,going to go to themes and then we can,see that the current theme that is,already installed on our online store is,the dawn theme this is the default theme,that comes with every new shopify store,now choosing a theme you want to make,sure that the theme already is kind of,the design that you're looking for the,structure of the of the website that,you're looking for so you have a minimal,amount of work you have to do until you,are ready to launch your store so what,you can do is you can go to actions,click on preview and then you can see,how this current theme is actually built,up and then you can decide on if this is,actually the right theme for you or if,you want to choose a different theme now,if you want to choose a different theme,you have a couple of different options,so here when we scroll down we can see,that there are some free themes that we,can use that come with the shopify plan,or it can also go to the shopify theme,store right here and then also check out,paid themes which you're gonna have to,pay for so what you can do right now is,to go through some of these options i,would recommend to first click on,explore free themes right here and see,if any theme here really fits your brand,your,your kind of store or the products that,you want to sell so eventually all we,have to do then is to add our products,add our branding and add all of our,content and then our store will be ready,to go what i'm gonna do in this video is,simply choose one of the free themes,right here so i'm gonna click on explore,free themes and i'm actually going to go,for the brooklyn theme right here so i'm,going to click on the brooklyn theme,they also have a couple of different,styles for each theme so you can click,on different styles and decide on which,one you like the most i'm gonna simply,stick to the classic style right here,and then i'm gonna click on add to theme,library here on the bottom and then once,the theme has been added we can see it,right here and in order to actually,change from the default theme to the new,one we have just added we need to go to,actions right here and then click on,publish then again confirm right here,and now our theme will change to the new,theme that we have just added and now we,want to start building out our store so,we're going to scroll up again and then,we're going to right click on customize,and click on add link in a new tab this,way we still have our shopify dashboard,open in the background and we can work,on our shopify store in the shopify,editor right here at the same time so,now we are in the editor of shopify,which we can use to build out our online,store website so i'm going to give you a,quick overview over how this works and,then we're going to start to build out,our website so here on the top you can,switch from different pages so right now,we are on the home page you can also,switch to your product pages to your,collection pages blog pages and so on,but most of the work we're gonna do here,on the home page and you're gonna see,that all the other pages like product,pages checkout pages they're already,built up for you so there's not much,design that we have to do on these pages,then you can also change from desktop,view to mobile view or full screen view,so eventually you want to make sure that,your store looks very good on mobile as,well because a lot of the traffic,nowadays online comes actually from,mobile phones but however we're going to,build out everything here on the desktop,view,then the site is built up in different,sections so it always starts with a,header section here on the top and then,on all the way in the bottom there's the,footer section where you're going to,have a couple of links,and,your legal pages and so on and in,between the header and the footer there,are the sections which you can decide,what you want to put in here so by,default we have a slideshow section here,on the top where you can feature your,store or your products and we also have,a menu here on the top which is part of,the header then we have another section,the rich text section,right here we have collection list we,have feature collection and so on these,are all sections that you can add,manually and also remove so for example,if you want to remove the which the rich,text section we could simply click on it,and then we can click on remove section,right here on the bottom,now depending on what screen size you,have this menu might also display here,on the right side for you but for me,it's here on the left side then you can,click on remove section right here and,just like this this section is now gone,from our website you can also add new,sections by clicking on add section here,on the bottom left and then you can,decide on what kind of section you want,to add so let's say we want to add this,rich text section again we can simply,click on which text section then it will,add it here on the bottom and now we can,also drag it to another position so we,can drag it here,up to maybe below the slideshow and,there we go we have this section now on,our home page again so let's actually,start building and the way we're going,to do it is we're going to simply go,from top to bottom and we're going to,start with the header so we're going to,click on the header here on the left,side and the first thing we're going to,do is to add our logo to our store so,i'm going to click on select image right,here and then we're going to choose the,logo that i have prepared for this,specific store so i'm going to click on,upload an image and then i'm going to,choose this image right here which is,the logo for this specific store,and now as you can see it's already on,my home page so we can click on select,right here on the bottom,and there we go and by the way if you,don't already have a logo for your store,the easiest way to get a logo made for,you which is also very inexpensive is to,simply go to fiverr and then look for,people who actually make logos and you,can get a very good logo for maybe 20 or,if you want to have something more,professional maybe like a hundred,dollars and i'm going to link some of,the logo makers that i use in the,description down below so you can check,them out if you want to,now what i also want to do is i want to,add a white version of this logo right,here because when i have a background,image i want to have it turn to white,because then it will stand out a bit,better so i'm going to go here to the,left side scroll down and click on,transparent logo right here click on,select image and now i'm going to upload,the white version of this,logo right here simply click on open,then click on select and there we go,because we have a background image now,this logo has turned to white however,when i change from home page to let's,say one of the collection pages right,here the logo will turn back to the,default color which is black which which,looks a lot nicer against a white,background so let's go back to our,homepage again and select our header,again then scroll all the way down where,it says announcement bar so what you can,see on top here in black is the,announcement bar of your website this is,a very good place where you can boost,sales by giving your customers a,discount code for let's say black friday,or something,or you can also just type in something,like free shipping on or orders if you,actually offer free shipping for your,store or if you don't want to have an,announcement bar simply untick show,announcement and then it will remove the,announcement bar all together so that's,already everything we're gonna do to the,header right now you can also see this,menu right here which is part of our,header however we're going to adjust,these menu items later in this tutorial,so let's go back to the overview here,and move on to the next section of our,website and the next section is this,slideshow section right here where we,can simply put in images of our brand,and of our products so this is the first,part that people are going to see when,they visit our store so it's actually,quite important that the images that you,put in here are communicating what,products you're selling and also the,values of your brand so you want to make,sure it's high quality and you want to,make sure it communicates,what your store is about,so what we can do is simply add images,to these slides now what i'm gonna do is,because i only have one image for this,store i'm gonna simply delete one slide,by clicking on one slide and then i'm,gonna click on remove block right here,so i only have one slide which will be,simply a static image,for the top of my home page right here,so to add an image we simply click on,slide then click on select image and,then i'm gonna upload one of the images,that i have prepared for this store and,then once the image is uploaded we,simply click on select right here and,there we go this is now our hero image,for the home page of our store you can,also play around with the overlay,opacity right here so we can decrease it,a bit to make the text stand out a bit,more what we can also do is,scroll down,and maybe play with the text alignment,let's say i want to have the text here,on the right side so it's more easily,readable and then also change the text,here to your headline that you want to,put,on your store so i'm going to simply put,something like this,and then i also want to add a button to,the top of my website because i want to,have a call to action on the top for,people who want to like shop immediately,so what i'm going to do here is go to,button label and shop now this is fine,and all we need to do here is add a link,to the button and then the button will,actually show up so we're going to click,on paste a link right here and then,let's um send people to just our,collection so let's go to collections,and then go to,all collections so this way they can see,an overview of what products we are,selling so now as you can see the button,is right here but it doesn't really,stand out i also want to change the,color so the button stands out more so,what i'm going to do is change this,color from black to a bright orange,maybe,maybe like this okay so this is fine so,now i have a nice button right here so,that's everything i wanna do here for,this slideshow section now i'm gonna go,back to the overview here and go to the,next section so here we have a rich text,section which is a place where you can,add some information about your brand,what you stand for your mission or or,maybe,key features of your products personally,i don't have something like this for,this store so what i'm going to do is,i'm going to simply remove this section,by clicking on the section and click on,remove section right here in the bottom,so the next section here is the,collection list now using collections is,a great way how you can categorize your,products into different collections for,example for this watch store that i'm,building right now i can have a men's,collection and also a women's collection,and maybe i also have some other ones,like modern watches digital watches and,so on so this is a great way how you can,sort your products and also a great way,to guide your customers to the exact,product that they're looking for so what,i want to do here is actually only have,two collections one for men's and one,for men and one for women so what i'm,going to do is i'm going to delete all,the other collections until i only end,up with two different collections just,like this and now we can also change the,name of this collection list so let's,type in something like find your style,right here then let's go back and now,before i can tell shopify what kind of,collections should be displayed here i,need to create them first in the shopify,dashboard so this is what we're going to,do next so we're gonna go back to our,shopify dashboard which we should still,have open in the other tab right here if,you have closed this tab by uh for any,reason you can go to this exit sign on,the top left right click and then click,on open in a new tab and then this will,open up your dashboard in a new tab so,you don't have to close your editor,right here,then once you're here you can click on,products and then on collections right,here so what i want to do is i want to,create some collections from scratch so,i'm going to delete this homepage,collection which is set up by default so,i'm going to select it and then go to,more actions delete collection,confirm,and now i end up with a no collection so,i can click on create collection to,start creating a new collection so we,can give it a title in my case i'm just,going to name it men's for men's,collection then i can also give it a,description but to save some time i'm,going to skip this part right now,and then for collection type i'm going,to click on manual because we're going,to be manually adding,products to this collection you can also,make an automated and then decide on,rules which products will belong to this,specific collections but we're going to,keep it simple for this tutorial then i,also want to add an image for this,collection which will represent all the,products that are in this collection so,i'm going to click on add image right,here on the right side and then i'm,again going to choose one image that,i've prepared right here for the men's,collection,this one right here great so now the,collection image is uploaded and we can,click on save here on the top then we,can go back right here to our,collections and we can see that we have,set up a new collections,mens and now we can do the same process,for all the other collections that we,want to add on our store so we can,simply go to create collection here on,the top and then go through the exact,same process so now i've added three,different collections and in order for,me to use these collections right now on,my store i need to make them available,as well so i'm going to click on this,select icon so every,collection is selected and now i'm going,to go to more actions make collections,available,and now i can actually put them on my,website so now we can go back to our,store editor right here and before i do,anything else we want to save the page,real quick save our changes so we don't,need to do everything again and once,it's saved we can reload the page,so,everything is updated and then we can go,to our collection right here and now we,can choose what collection we want to,display here so let's click on select,collection and now let's first choose,the women's collection right here select,and then for the second one,i'm gonna actually choose the men's,collection,so select the collection right here,select collection,men's,select great so now we are featuring,these two collections here on our,homepage what we can also do here on the,next section which is the feature,collection we can feature specific,products of a specific collection here,on our homepage so all we need to do is,select our feature collection then we,can give it a name so let's name it new,arrivals because i'm going to assign,this collection to the new arrivals,collection that i've just created before,so i'm going to click on select,collection and then i'm going to choose,new arrivals,you can also change the style here,i'm going to simply do it,using the grid and then click on save,and now all the products that i have in,the new arrivals collection or some of,them will be displayed here on my home,page but as you can see we don't have,any products yet,in this specific collection so the next,step we need to do is to add some,products to our store so this is what,we're going to do next so again let's go,back to our shopify dashboard and again,click on products here on the left side,and then all products here we can start,adding our products so let's click on,add product right here,and then here we can add our first,product so first we have to type in the,name of our product right here on the,top and also give it a short description,which i'm gonna skip here for the sake,of this video,then the next step we have to add some,photos some product photos um which,optimally should be high quality and,maybe also from a couple of different,angles so the customer knows exactly,what they're about to purchase i'm going,to simply add one photo right here,for the sake of this video and next step,you can set a price for your product,which obviously is very important in,order for having a profitable shopify,store that you're pricing your products,correctly i'm going to simply type in,120 and you can also add a compare price,which is the price that will be crossed,out next to the real price so people see,that this product is actually down from,maybe 150,and is no now only 120 dollars if you,want to you can also set your cost per,item so you can see exactly what your,profit margin is,then you also have to type in something,here for the stock keeping unit,and also type in the quantity if you,want shopify to track how many products,you have left in stock,if you are out of stock,based on the numbers that shopify has,shopify will actually show that on your,shopify store so the customers will not,be able to check out um buying this,product because you're actually out of,stock if you want shopify to continue,selling when out of stock you can simply,tick this box right here and then we,want to scroll down and here you also,have the option to add like different,sizes different colors,or different options for your product,and maybe we have the watch in black and,also in blue and maybe the blue one is a,bit more expensive so this is exactly,what you can set here under options and,then once you have added all the,information about your specific product,we can go back up here and we also want,to add this product to a specific,collection or also multiple collections,so for this watch i want to add it to,the men's collection so here under,collections i'm going to add it to the,men's collection and also to the new,arrivals collection because let's say,this is a product that we have just,received,for our store,and then if we want to make this product,available on our store we have to scroll,up and then we have to change the status,of the product from draft to active,and now all we need to do is click on,save right here on the top and now this,product is available on our store so we,can go back right here to all products,and we can see this is the product that,we have just added we can see the status,is active we have 100 of these products,of this product in our stock,and now we can do the same thing with,all the other products that we want to,add to our store,so now i've added a couple of more,products so we have something to work,with so we can now go back to our,shopify editor make sure you save the,page right here and now it's already,reloaded and you can see,that under feature collection we can now,see our products because we have added,them to the new arrivals collection also,when we would click on the men's,collection right here we can also see,that under men's collection there are,watches that belong to the men's,collection so let's go back to the home,page again,and let's move on to the next section,which is the feature product section so,all we need to do here is go to feature,product and then select a product that,we want to feature on our home page and,here we can see all of the products that,we have and let's say we want to feature,this smart watch right here so we can,select this and then people can buy this,raj watch straight here on our home page,so the next section is the newsletter,section which is for email marketing as,i haven't set up email marketing for,this store yet i'm gonna simply delete,this section right here click on remove,section and there we go so next we're,going to take a look at the footer this,is this part here which is always,displayed on the bottom of your online,store website the first thing that i,want to do is add some links to our,legal pages so to our refund policy our,private policy terms of service and so,on so what we're going to do is create,those pages first so we're going to go,back to our shopify dashboard right here,then we're going to go to settings,and then we're going to go to,policies right here on the bottom now,the cool thing with shopify is that they,already have some templates for,different policies that are required to,put on your online store,so what you can do is simply click on,create from template right here and then,they will create a refund policy for,your specific store with your email and,so on however this is just a template,and you want to make sure to read it,through and add all the things that are,missing or remove some things that don't,apply to your specific business you can,do the same thing with your private,policy right here,and also with your terms of service but,again this isn't like legal advice this,these are just templates so make sure to,actually read it through and adjust them,to your business then on the bottom the,shipping policy you're gonna have to add,manually because this is really specific,to your online store so once you've done,all of that you can click on save and,now we want to make our legal pages show,up here in the footer of our website so,what we're going to do is go back to the,dashboard then close out of these,settings right here then we're going to,go to online store,and then to navigation,here we're going to select our footer,menu right here,and then the first thing we're going to,do is i'm gonna delete the search,function here in the footer i'm gonna,i'm not gonna need this,so,i'm gonna delete this and then i'm gonna,click on add menu item right here and,then under link i'm gonna simply scroll,down go to policies right here,and then i'm going to select all of the,policies that i've just created so,private policy,terms of service and so on then once all,of the policies are added we're going to,see them right here under menu items,then we can click on save here on the,top and go back to our,shopify editor and now we can see them,in our footer menu so these are links,that people can click on and then they,will get to the private policy,site which currently looks like this now,we can also go into some other settings,of the footer so we're going to select a,footer right here and here we can also,decide if you want to have the payment,icons here on the bottom show in the,footer if you don't you can simply,untick this,or the region selector so if people can,decide on where they are located,and also the language selector if you,have multiple languages on your store,and what you can also do is go to theme,settings here in the bottom and then,simply add your social media links um,just paste in the link right here and,then they will be visible,on the bottom of your store so in your,footer as you can see right here great,so now we're almost done with our home,page the only thing that we haven't,changed yet is the top menu which is,what people will use to navigate through,your store so you want to make sure to,have the most important pages here on,the top menu so this is what we're going,to change now so let's quickly save,this,progress so far and then let's go back,to the shopify dashboard then again go,to online store navigation,and then let's go to main menu right,here,now these are the pages that are set up,by default i'm actually going to delete,the catalog right here and also home,and i'm going to leave the contact page,so people can,contact me easily through the navigation,bar on the top and i'm also going to add,some collections so i'm going to add,menu item right here go to link and then,i'm going to go to collections and add,the women's collection,and then i'm also going to add the men's,collection so these are the most,important collections for my specific,store that i'm building here so that's,why i'm adding these collections as,links in the top menu you can also add,other pages like an about us page and so,on and that you want to have in the top,menu let's quickly save this right here,and now we can go back to our online,store editor,reload the page and now as you can see,we have contact women's and men's if you,want to add a page that isn't there by,default yet or that isn't a collection,you can also go back to the dashboard go,to online store pages and then you can,create new pages for example in about us,page or our mission page or whatever you,want to add to your store and now what,we also want to take a look at are the,theme settings of our online store so in,our editor when we go to the bottom left,side click on theme settings we can,actually um make the branding of our,business the same as the branding on our,online store so here we can go to colors,for example and then if you have some,branded colors of your business of your,brand then you can adjust them right,here so for each element you want to,actually add the colors of your specific,brand so that people can recognize your,brand in your online store website as,well,then you can also go to,typography and here you can change and,the font if you have a specific branded,font you can also add it right here so,for example i can change this font to,let's say,monsterat which is a bit more modern,looking,so,let's click on select and then it will,change all the way throughout your,website for all the headings and then,here under social media we have already,added some links to our footer but,here's also where you could do it,then we also have the favicon which we,haven't added yet if you don't know what,a favicon is it's basically what people,will see in their browser so currently,we have this little um world this little,earth icon here as a favicon and we want,to make that our logo so what we can do,is we can go to favicon select image and,then i'm going to simply upload,a favicon that i've prepared for this,store,so let's choose this one right here then,i'm going to click on select and now we,got to save this page as well here and,now when we go ahead and reload our,store page,we should see that new favicon here on,the top as you can see right here then,what i also usually do is go to checkout,right here and then also,add my logo here to the checkout pages i,already uploaded it right here so all i,need to do is select it,and then make sure to click on save and,that's already it now you can take some,more time for yourself to go through all,of these settings but these are,basically the most important ones that i,usually do for my stores before i launch,them and now before we move on we want,to make sure that our store also looks,great on mobile so when we click on the,desktop icon here on the top and choose,mobile view we can see exactly how our,store looks like on a mobile phone and,to be honest this looks pretty nice,which isn't surprising because all these,themes that shopify offers are already,optimized for mobile phones and but,still you want to make sure you check it,and make sure everything looks good so,you don't miss out on any sales because,your mobile version looks unprofessional,but in this case everything looks great,so i'm just gonna move on with the next,step and you can also maybe check out,your other pages so we can go to your,product pages right here check out how,it looks like on mobile and also how it,looks like on desktop and like i said,you probably don't need to change,anything here because shopify does a,pretty good job at designing all these,pages for you after you have added all,of your products and all of your content,so now we're pretty much done with all,of the store pages what we have to do,now is go through some important,settings to make our store ready to,launch so we're going to go back to our,shopify dashboard and here we're going,to go to online store and preferences,so here under homepage title we have to,give our store a name so this is what,people will see when they find your,store on google for example i'm going to,simply put maddox watches,and then you also have the home meta,description and this will just be a,description that will show up in search,engines when people look for a specific,keyword that you have in your meta,description it's not an seo ranking,factor however,it might help you get a better,click-through rate to your store when,people type in a keyword that you have,in your description so make sure to use,some keywords that you think people are,looking for when they are interested in,your products i'm going to simply type,in something random right here,and then for social sharing image this,is what will show up to people on let's,say facebook when somebody shares your,store on a social media platform now you,can change this image if you want to i'm,going to simply leave it as my logo,and then we're going to scroll down to,password protection so currently our,store is protected by a password so only,i can visit my store because only i have,this specific password however when you,launch your store you want everybody to,be able to visit your store because you,want them to purchase your products so,what we have to do in order to to,disable this password is we have to pick,a plan because shopify doesn't allow us,to launch our store before we have,picked a plan so what we're going to do,is click on save here on the top,and then we're going to click on pick a,plan so these are the three plan options,that are currently available and for,most people watching this video the,basic shopify plan will be more than,enough to launch their new store however,you want to keep in mind that these,plans have differences and one the main,difference is the transaction fee so for,every sale that you make on your shopify,store shopify will take a percentage of,that sale and the the higher plan you go,for the less they will actually take so,the lowered percentage will be so at a,specific revenue number per month it,might be,cheaper for you to go for the next,higher plan because you're going to have,less transaction fees but for this video,i'm going to simply choose the basic,shopify plan because this is the the one,that will work for most people watching,this video so i'm going to click on,choose plan right here and then we have,to decide on our billing cycle here i,usually go for the monthly payment in,the beginning because i don't even know,if this store will work out yet for me,and then we have payment method you're,gonna have to add a payment method,however keep in mind you're still on the,14 day free trial so if you do cancel or,close your store before the 14 days are,over your credit card will not be,charged cool so once that's done we are,redirected back to our shopify dashboard,where we can go back to online store,preferences,and then scroll back down to password,protection and now we're able to,deselect the enable password here and we,can click on save and now we are,actually launched so now people can go,and visit our store and actually buy our,products awesome so now we're also going,to go through some important settings,that we have to look at before we launch,our store so we're going to go to,settings here on the bottom left and,we're going to start with store details,here with the basic information i'm,going to click on edit and i'm going to,change this store name from this weird,name right here to medics watches,then i'm also going to put a legal name,of the company so let's say medics,watches llc,and then we also want to make sure that,the address is correct because this,information will be visible on the bill,that will be sent to your customers,then for contact information you also,want to make sure that this information,is correct and we can also click on edit,and we can change the sender email so,this is the email that people will see,when they get emails from you so updates,on their orders when they are shipped,out order confirmations and so on so,what we might want to do is put in,something more professional maybe your,branded email address which is,info at,medicswatches.com,and click on save so now when people get,an order confirmation or other emails,from your store they will actually see,this email address which looks a lot,more professional,then you also want to make sure that,your store currency is correct and also,your time zone is correct okay so now,let's go to payments here we need to set,up our payment providers so that our,customers have options to check out and,pay for the products and we can also,actually get paid when somebody buys,something on our store so the easiest,payment provider is shopify payments you,can simply click on complete account,setup right here enter all your,information and then people will be able,to check out using credit cards google,pay apple pay and so on keep in mind,though that shopify payments is usually,the more expensive payment provider,what you can also do is have people,check out through paypal now by default,this will be activated on your store if,you don't want people to check out to be,able to check out through paypal and,maybe because of fees or something then,you need to click on the activate paypal,checkout so this is what i'm going to do,for this store right here,and then people won't be able to check,out through the paypal option and then,another option is to use alternative,payment methods like for example stripe,which is a more inexpensive way of,processing your payments so you can,click on choose alternative payment here,type in the provider here on the top,that you want to go for and then you can,get redirected to this payment provider,and you can set it up like that then,let's move on to shipping and delivery,which is where you can decide on your,shipping prices and your shipping,options so we can go to manage rates,right here and by default there's,already some shipping um set up so we,have domestic shipping united states,with some rates already set up right,here and then the rest of the world as,well so what i'm going to do is i'm,going to delete all of these shipping,zones right here so i'm going to click,on delete and then also delete uh rest,of the world shipping right here and i'm,gonna keep it simple i'm gonna simply do,free shipping for all products worldwide,so what i'm gonna do is i'm gonna go um,down here click on create shipping zone,then here we can create different,shipping zones for different countries,for example we can create one for the,united states for canada and for other,countries and like i said i'm going to,simply do one for the entire world to,make this easy i'm going to choose the,rest of the world right here click on,done and now i've created a new shipping,zone rest of the world however we don't,have any rates yet for this shipping,zone so we're gonna we're gonna have to,click on add rate right here,and let's name this free shipping,and then we're going to keep the price,at zero dollars click on done and now we,have free shipping for all over the,world if you want to add other shipping,zones for example you want to charge,something for the united states simply,click on create shipping zone and then,create a separate one for the united,states and whenever somebody checks out,from the united states this shipping,rate will apply to that customer so,we're going to click on save right here,and then you also want to look at taxes,right here now i can't really tell you,if you should collect taxes or not,because that's really depending on where,you are selling to and where you are,selling from so make sure you inform,yourself what the tax laws are for your,country and for the countries that you,are shipping to so you can set up your,taxes here as well so let's now move on,and click on domains right here,and currently the existing domain of our,store is this one right here so this is,what people have to go to in order to,access our store which obviously looks a,lot looks very ugly with the number and,the my shopify here,in the url so what we want to do is we,want to get our own branded domain and,connect that to our shopify store so if,you already have an existing domain um,you can click on connect existing domain,right here and then connect it like this,or if you don't already have a domain,and you want to make it easier for,yourself you can simply click on buy new,domain and then type in the domain,you're looking for right here and buy it,through shopify and then it will be,automatically connected to your online,store so this is the easy way if you,don't already have domain if you want to,save some money you can also go through,a provider like godaddy buy your domain,there and then connect it through the,connect is this existing domain option,right here awesome so now we went,through all the most important settings,and what we can do now is go ahead and,test our store so in our shopify,dashboard under online store you can see,this little eye icon on the right side,so when we click on this icon our online,store will open up and here's where we,can go through that store we can um,click on buttons so we can go through,the entire checkout process and make,sure everything works perfectly before,you want before we run ads to the store,and before we actually,publish this store so want to make sure,you test out everything go through the,entire checkout process and then you're,basically ready to launch your store

Congratulation! You bave finally finished reading how to edit shopify store and believe you bave enougb understending how to edit shopify store

Come on and read the rest of the article!