shopify edit pages
Published on: January 27 2023 by pipiads
Table of Contents About shopify edit pages
- Shopify How to Customize Pages | Detailed Tutorial for Beginners
- Shopify 2.0 Templates Tutorial - Create Different Layouts for Product Pages & Collection Pages
- How To Design A CUSTOM Shopify Store THAT SELLS!
- 4 things to change on your Shopify Checkout page
- Shopify Pages - Everything You Need to Know
- Shopify Tutorial for Beginners 2022 (FULL Store Setup Guide)
Shopify How to Customize Pages | Detailed Tutorial for Beginners
[Music]. what's up? youtubers? edwin anthony here again, back at it with another video tutorial from shopify. in this partikular video, we're gonna go ahead and learn about how to add sections to a page, right? so i'm sure that you guys have tried to make those regular pages kind of like, look kind of nice. so i'll give an example. if you have a page, let's say that's informative, but it just looks kind of bland. uh, that's what this video is going to cover. so, first of all, before we begin this uh training, all i ask just to support it. uh, just go ahead and demolish, like. go ahead and just take your keyboard and just slap your computer screen and just press that blue like button. press the blue like button, smash it, demolish it, do everything to it, make it turn blue. that's what we asked for. uh, if you're not subscribed and you like this type of content, yeah, welcome to the team. just press that red button and now you're gonna get my videos right. uh, always giving you the up and about on how to make things without hiring developers and all that good stuff. okay, all right. so first things first, we're gonna need the turbo theme right, and this is another reason why i wave the turbo theme flag all day. so if you don't have the turbo theme and you want to get started on that, go ahead and look in the description. there's a link down there and that'll take you to the teams out of the sandbox website. it's going to look like this: right click the link on the bio. it's going to kind of look like that. you'll go right here to where it says turbo and then you go ahead and make that investment. okay, all right. so how do we do this? first off, first step, let's go to where it says pages and make sure that your theme is installed. if you haven't watched that video, i'll leave a link, also on the upper right hand corner, come out so that you guys could see the installation process of how to install turbo once you actually purchase it. so let's say that it's already installed. you go ahead over here to where it says pages and we're going to add a page in this page. we're going to call it custom page, just to keep things very simple: custom page. we're not going to put any verbage yet, okay, so don't focus on this part right here. just type in the name of the page that we want to tok about and this is where it gets exciting. right here, where it says template: by default, you're always going to have page right, and so this is where the real value of turbo comes in. we click on this drop down and we see that we have numerous templates that we could use. um, so it's not just page. we could have, you know, page banner, uh, page contact, custom right. so if you want either the regular uh contact form or if you want a customized contact form, you could go ahead here and do so. so, basically, whichever one that you feel that might be right, i'd say, just play around with this and um, always leave this page open or this tab open on your website. so what we're gonna mess around with here is: let's see, here we have page banner, contact details. let's go ahead and do details. let's let's do page details and then press save. so that's the first step. right, here we create a custom page and then we change that template of this page to be called page details. that's half of the work. again, don't do anything here, let's move on, okay. so the next step, once you actually save that page, what we're going to do now is go to where it says navigation. we're going to go to navigation and let's go ahead and go to main menu again. if you haven't watched any of the previous videos, i suggest you to catch up to that so that this doesn't seem foreign. uh, let's go right here to main menu. and we want to make a very high level menu to tok about that custom page. so i'm gonna go right here where it says add menu item, let's click on link and let's click on pages and we want the custom page right. it automatikally labels that out, press ok there and press save. that's the next step. okay, so first step was to create the page, set up the template. now we're going to navigation and plugging in that page. so it comes out in the main menu. let's go to online store. once we're here, let's right click on customize so that we won't lose our place. click on open link with a new tab. we want to open a new tab so we don't lose our place on the back end from here. what we're gonna do. we'll notike that in our menu there is custom page. all right, so we're here in in the main menu, click on custom page. let's go to that destination. while we are in customized steam, let's click on this and there you have it. we are in a demo mode of this custom page, right, which has, uh, these details here. so far we're almost done. we want to make sure that we get every bit of detail into this. let's click right here where it says page detail- that's what we want to focus on. and look at these sections here, all of these sections that you see right here. that's all of this stuff right here. now can you move this around? absolutely, let's go and put this map over here. uh, let's put you know, let's put this, uh, staff favorites, let's put this up over there. right, you could do whatever it is that you want with it, right, but let's just pretend that you just want to start from scratch. you're like, ah, this is nice, but this is not in the direction that i want to go with. okay, that's perfectly fine, let's start from scratch. so i'll click on the first one. see, on the bottom right here: remove this, our story. let's get rid of that. let's get rid of dividers too. let's get rid of everything. we want to start from super scratch, because, although this is nice and dandy, you don't want to, uh, get, you know, confused or any type of anxiety, like i don't know what to put here. all this predetermined stuff. let's just get rid of all of this. let's get rid of all of this right here. great, now i'm starting from scratch. right here it says: add content. let's click on that and look at all of the sections that you could create based on the things that we're toking about. so how do i start off here? so we have blog post, contact, custom html divider, featured collection, image gallery. image gallery with text image gallery. image with text overlay. this is actually pretty good to start off with. so if i click on this one, it'll come out like that, right, it'll have like its own dedicated page. um, excuse me, banner, but with, you know, no pictures on the background and we have some text. so let's go ahead and delete some of this text. here let's say that, no, we don't want this. and um, let's say that we don't want, hmm, we don't want a button, because obviously they arrive to this page, but we do want to say whatever it is that we want. so you could go ahead and change the headline text, as you can see, right here you could say whatever you want, and right here and more, okay, and then image: we could select whatever image that we see fit here. so we could do something like this. or we could do something, let's see, like that, right, because it's a, it's a custom page, it's just a random custom page. it's informative, if anything, right? so a lot of people i could see that, if they want to tok more about their business and stay informative. this is the first banner to start, right next up. let's go what's next? so next we could put either divider or we could put, let's see here, image with text page recently. ah, rich text with image. what's this look like? ah, tok about your brand. so, right here you get to kind of like say whatever it is that you want. so you know, this page is awesome. there's so many things that you could do with this, and this is exactly why i like turbo. so this is set there. okay, great, let's not lose our place. let's press save. every time you're adding a section, i always advise you guys to press save and then let's add another one. so what other thing? so we could even feature a collection, right? so, wow, that's pretty. it's like: throws a super long list. we don't want that, right? uh, let's say: let's just keep it down, limit our products to four. let's do four and four on the products per row. there we go, so we have kind of like featured products here ri.
Shopify 2.0 Templates Tutorial - Create Different Layouts for Product Pages & Collection Pages
all right. what's up, guys? i did a poll recently on my youtube channel where i asked what my next video topic should be, and the most voted for topic was shopify 2.0. so today i want to tok about page templates, which is a new feature of shopify 2.0 that many people aren't using yet. it's a really underrated feature and it can really be quite powerful. one of the most common questions that i get on my channel when i tok about adding a specific feature to a product page is: how can i add this to one product but not to another product, right? how can i add a feature to one product page without affecting the rest of the products on my store? and a good example of this is this tutorial, where i showed you how to add a gift message field to a product. so obviously, this is for products that have some kind of note attached to them, or maybe they have an engraving, or maybe there's something written on the shirt. whatever, it's a customizable product, right, and maybe not all your products are like this. maybe not all your products are customizable, so you want to add this on one product but not on another type of product, and that's really easy to do in shopify 2.0, you just have to use page templates. so i'm going to show you how to do that today. another good use of page templates is to make a completely different design for different product pages. so you may have some products which are like your flagship products, your main products, and you have a lot more to say about them. right you have. you want to tok about their features a lot more. so the example that i've got here is all birds. you know they've got their merino wool or or tree- actually tree fabric- sneakers and they have this product page right the top of it is a typical shopify product page, but then they've got these extra features that they want to tok about below, and we can do this now, thanks to shopify 2.0 and sections everywhere. you know how. previously you only had sections on the home page. now you have them on every page, so you can add sections underneath your main product section on your product page. but maybe you don't need that for all products. so here they've got their beanie and you know they just don't have that much to say about the beanie because the beanie is, like, not their main thing. their main thing is sneakers. so they have these two different product page templates, one for the shoes and probably the other one is just the default product template for regular products, and you know this doesn't have to be limited to just product pages either. so here they have a collection page which is like your typical shopify collection page: right you have a product grid and you have your filters on the left here. but they also have this other collection page under new arrivals. when you click on warm weather, they have collection pages with this nice image banner and look, this is for warm weather and it's really warm image. it really gives the mood. and they have this kind of image banner for every type of collection that is for a specific use, like when their shoes are for a specific scenario, for example, running. they have these people running and to me as a potential customer of all birds, you know that really appeals to me, right? so think about the psychology of a shopper here. i was actually looking for shoes for summer. i was looking for some lightweight, breathable shoes. i had heard of all birds before, so i go on their website and then when i'm looking at their website i open the nav and i see this like best for warm weather. so i click on that and immediately. it kind of confirms my expectations, right, like i'd heard that they make lightweight shoes and then i see that they actually have a collection for warm weather and that makes me a lot more confident as a shopper that this is the product that i need. and, yes, i actually did end up buying these tree runners made of eucalyptus, so it worked. beside product and collection pages, you can also do this on your regular statik pages, like your about page, your team page or whatever. so, like all birds has this um, our story page right, and they're using a big image banner with a video background. then they're using, kind of like i would say that this is a page section and, by the way, i should have mentioned this at the start, but all birds is on shopify. uh, they're one of the most successful shopify store examples. yeah, these are all pretty regular sections. i mean, this is a gif image, which is pretty cool, but you can do something like this on your store as well, using page templates and sections everywhere, which is now on shopify 2.0, by the way, if you haven't upgraded to a shopify 2.0 theme yet, i hope now you're starting to understand why you should, because it gives you so many more options in terms of the design of your website. and yeah, i think that's all the examples that i wanted to give. so now let's jump into my computer. i'm going to show you first how you can add something simple like the note field to just one product template, and then how you can do a product template with a, an additional section, like the alternating information sections that all birds is doing, and then also how you can do the same for collections and for a statik page. it's pretty much the same process for all of them. this is going to be a pretty quick tutorial. so, yeah, let's get started. okay, so let's first tok about templates. what are templates? i think that the most common use of templates is on the contact page. so if you've ever made a contact page in your shopify store using a contact form, then you've had to create the page contact right, and then, down here in the theme template, you choose contact, because every theme in shopify comes by default with a regular default page template and a contact template right, and enabling this contact template would enable the contact form on your contact page and you'd have the same with products right, so on every product page. you might have notiked already that you have this and that there's pretty much nothing there. i mean, i have one template already. you may have no templates at all, or, if you're using a more advanced theme like turbo, you might have two pre-built templates that they allow you to use- maybe three, but you never had the ability in the old shopify to create your own templates- right to create as many as you need- and so one of the biggest advantages of the new shopify 2.0 is that we can now create our own templates. we create as many templates as we need. so here i am inside the theme customizer looking at my gift product example, and i have this message field and it's currently using the default product template. so this message field is on all my products. now you might be used to navigating inside the theme customizer by simply using your navigation and using your site- as a customer would, but you should get used to using this drop down as well. so to get to the default product template, you just go to products and then default product. so i'm on the default product template. i've added this field and every product now has it, but that's not what i want. what i want is just for this gift product to have this field. so what i'm going to do is actually duplicate this template or i'm going to create a new product template on the basis of the default product template, which already has this. so let's go to products and then i'm going to click create template and i'm going to call it with gift note. right, i'm doing it in dashes like this, because if you save it with spaces, shopify will just convert it to dashes anyway. so i'm just doing that immediately. um, so let's just create the template and it might take you to a different page. this is just a preview, right? it might take you to a different product. just go back to previewing the product that you want to see this template on, just so it's less confusing to work on. so now that we're on this template, we're looking at it. this is the with gift note template, and we see that it has the gift note. that's great. now we can go back to the default product template.
More:Sell These Winning Products Now
How To Design A CUSTOM Shopify Store THAT SELLS!
Hey friends, Andrew here, hope you're well. In today's video, I'm going to show you one of my favorite Shopify apps to completely customize and transform your store in only about 10 to 15 minutes from scratch. so, without wasting time, let's jump straight onto my laptop here and i'll show you, step by step, how to build a beautifully custom shopify store with this no code page builder app- incredibly important considering that your store represents your brand and your vision. and, by the way, i'll be giving away this exact store i've built in this video to a subscriber. more details at the end of this video. so, to build out a custom shopify store today, the very first thing you want to do is go on to the shopify app store. actual first step is to get shopify, if you haven't yet already. and if you haven't yet already, i'll drop a link to an extended free trial down below if you want to follow along with this video. now, once you have your shopify store, go on to the app store and then this is where we're going to get a crucial tool, and this app is going to allow us to build and design a shopify store without all the custom coding, and it's called gem pages right here, so gem pages. they're known as this no code page builder on shopify, and it's really useful in building a high converting store without code. it's essentially a drag and drop builder that myself and the team have used to design custom shopify sales pages, and the plan of attack today is to create a custom one product store simply by using the gem pages drag and drop tools right here. i've spent some time before this video creating the brand and all the assets like product renders, brand name and whatnot. i'm calling it to charge because we all need to charge our devices. that's terrible. i know i have all the assets to go in my folder right here, as you can see, and so what we're going to do now is build out our page with gem pages using all the files that i've created here. so head on to the dashboard and then click create new. from here is click more types and you can see that you're able to create a bunch of different pages based on what you want to go for: so a landing page, a home page, a product page, etc. and so let's just click, for example, home page. so there's a whole bunch of home page templates here. there's also a whole bunch of landing pages. the theory here is: i'm going to build a one product store, so i'm going to use a landing page only, and i found the one that i want to use, and it's bluetooth headphones. you can click preview to preview the template first, or you can just click start editing. so i'm going to click start editing. i'm going to give the the page name a name, and then click header and footer. i want this off only because we're creating a one product store and we don't want a header and footer at the bottom. really quickly though, you can use a completely blank canvas, but if you want to get up and running really fast, like in 15 minutes, then it's good to use a foundation such as a template. on the left hand panel you have all your tools and drag and drop widgets. you can see that literally anything can be customized. you can literally drag and drop and select an image, new images. you can go through the widgets here and literally customize every single component of the page, unlike the typical shopify builder. now i'm going to continue building what i've built off this video. so, after spending about 15 to 20 minutes on this page, here is exactly what i've come up with so far. there are still a few things i want to add to this page to clean it all up. so let's do it together while i walk you through the design process and the thinking behind it. the beauty of gem pages is you're able to drag and drop absolutely anything in. so let's say, i want to add a logo, so what i'm going to do is drag and drop the image tile, then click images and click replace image. then i'll find the transparent logo that i have, and then we're going to slightly resize it because it's probably going to be too big. so we're going to resize this. i'll go with 20, and so now we have a logo up there, so we're just going to leave it as it is the copy that i have up here. the fastest portable charger, you know, just assuming it probably is, and then we have this really cool animated cta button here, something that you typically don't see or get the option to add in shopify, but with gem pages we're able to do that, and we also have a countdown timer. these are all widgets that we can drag and drop into this page here, also have this really cool sort of uh animated counter that comes up, and then, of course, we have the product itself. i'm also going to change the button color here. so, going down to bottom color under background color, what we're going to do is change it to this font color. here you want to take the hex code, this little hashtag code. here i'm going to click copy, scroll back down to the background color, drop the hex code into here and it should update automatikally. and there we go. it's looking much nicer already. here is the product itself and of course we have that same cta button here, and so we can easily remove some of these images. we can remove some of these logos as well. if you click icon list, you can see the items here. you know, for example, i don't want the authentik product over here. i don't really know what that means. so over here i'm gonna click the rubbish bin icon, delete this and if i really wanted to, the. we've got this nice purple theme going on here. i'm going to add some purple into the background here. so by doing clicking the background box here, click design, going down to background, we can again use that hex code right, and then bring down that transparency just slightly, just like so, and that is looking much nicer. i also have a bunch of usps here unique selling points as little boxes. we have a carousel with images here. the tik specifications are drop down boxes. essentially all of these elements, including even this comparison box here, is all added just through widgets. there are so many powerful widgets here that we can use, including even crazier things. so let's say, for example, share buttons. we can add element here where we can get people to literally share all of this and share this page on their socials. and we also have other crazy elements, like we've got video pop-ups, we have video integrations, countdown timers. like we said, i believe there's a before and after module here. so this before and after module is super powerful for those who have a product that demonstrates a before and after. if you did not have gem pages, something like this to implement would take a lot of time. it would take a lot of coding as well. you can start to see just how easy it is to change all of this up. so, yeah, this is what i've come up with, and this is so much more custom than what's available on the shopify template pages, unless you want to hire, you know, a developer, a shopify liquid coder, to build out something for you separately. and i've done this in literally 15 to 20 minutes and it's a whole bunch of fun too. it's also pre-optimized for a whole bunch of different platforms, such as mobile and tablet, etc. you want to go through each device and make sure that it's correctly optimized for each device. here we want to change out the font color, we want to reposition the buttons, etc. so we want to build for desktop and mobile. so we've gone from essentially. this don't get me wrong. it looks great as it is already, but we very quickly freshened it up and integrated into a single home page, a single page a1 product store, and we also have this really neat looking unique selling point section here where we call out all the features and the benefits and we have text specifications. you know advanced drop down boxes- here we have comparison boxes. here we have
4 things to change on your Shopify Checkout page
What I would want to Christian here. Did you know Shopify sets a bunch of limitations on your checkout page? We probably know that, But why the limitations? Well, the limitations are in place because of regulatory security and compliance issues. That means that they have to restrict how the checkout page can look and function. Now, if you want a better flexibility, you can always upgrade to Shopify Plus, which starts around $2,000 a month- Crazy. So let's go over three things you can change right now that we believe will give you a little boost in conversions in your checkout page And it will probably alleviate a little bit of the headaches that some customers are getting. All right, So first off is change the or text line. If you have the express checkout buttons enabled, that's, the Apple Pay, Shop Pay, Google Pay, etc. Shopify places a branded buttons at the very top of the first page on the checkout process. However, if your customer prefers to pay with an actual credit card, it is sometimes difficult for them to tell if that is actually possible- They may abandon your your checkout, assuming that you don't accept other payment methods besides what's shown at the very top. So, to make things a little bit better, Shopify puts the word or in a rather very small and light type under the alternate payment buttons. The problem many store owners face is that not all customers see this or understand that It means that they can enter credit card number later in the process. There is, however, one alternative to this that can often help, and that is changing the word, or to be a little bit more detailed. So, for example, you may change it to something like: or continue to pay with your credit card or something similar. You can use also, or use Visa, MasterCard or American Express or Discover. So let's go into our store here and let me show you where you can actually change this. A lot of the changes that we're going to make today are based on language. that will make, we believe, the process of the checkout a little bit easier, so let's go into that right now. All right, So to change the or text, we're going to go to our store here. We're going to go to settings and then scroll down to languages and then, in here, your default language, English- We're going to change the theme language And then this could be a little bit tricky to find. I know I had a little bit of a hard time trying to find exactly where it was. The best thing is going to be going to the three little dots here, click on the checkout system And then in here, filtering. I believe I did alternate. Let's see that works now, Actually, as alternative. So if you type in alternative, oops, let me just do, I'll turn it there. If we have the alternative, This will show up, which is the vortex right here. So it's the or, and now we just have or here. So, instead of just having or, let's do the or continue to pay with your credit card. Now let me show you exactly where this is at. So, if you see, right here, the store has the express checkout button, shop pay and Apple Pay, And then it has the little or right there. Now, depending on the color of your, this is a little bit more notikeable actually, But depending on the color your background sometimes is this or can get very, very lost, Right? So people just assume that this is are the two options that they have with credit card. So, instead of just having that or, we're going to add some text so that it's a little bit more notikeable, right, When people are looking at that. So let's do that and then click save and then let's see if we refresh this, All right. So there we have it. So we have the express checkout button up here and then the or continue to pay with your credit card text right underneath it. So- and we've actually had several customers come to us and say that some people- I mean some people- just don't realize that they have the opportunity to input their credit card information afterwards, So the express checkout could be a little bit confusing. Now, if you don't have express checkout, you don't necessarily have to worry about this one. Now, before we move on to the second one, I just want to say be many of those. My name is Christian Opinion, One of the co-founders here at the branding. We're an e-commerce growth that specializes in helping clothing stores grow and scale profitably online. We have new videos every week, so make sure that you hit as a scrub button and turn on modifications so you don't miss out. Now, the second one that we want to change is the continue to payment method button. like the solution before, It's just another way to signal that you accept other payment methods is to change that text on that large button on the first checkout page to clarify that you accept credit cards. So you can change it to something like: enter your credit card next. So let's take a look at that button right here. So if we scroll right here on the checkout page, it just says Continue to shipping. So again, it doesn't make it inherently clear that on this next step, you're actually going to be inserting credit card information. So instead of continuing to shipping, we want to change it to enter your credit card next. So let's go back to our language and let's look for a. you continue to shipping. So so you type and continue to shipping, and you should be able to get the yeah, That button right here. So we're going to type in here: enter your credit card next. then we're going to click Save on that. we're going to refresh this page. So, again, the. the fix in here is to make sure that the customer knows that they can insert credit card information and that these are not the end all be all when it comes to this process right here. Obviously, there are some customers that are smart and they can figure this out, but others need a little bit more guidance, Right, And that's what we're trying to do here. So we've added the or continue to pay with your credit card right here, And then we've also change this button right here which it says: enter your credit card next. So that gives them the. the next step is going to be your credit card information. So even if they look at this and maybe they're confused, they scroll down to the bottom. they like: okay, yeah, you can actually put credit card on that next step. So I'm good here. So you know, what else is not very good about the checkout page and conversions is now being able to actually track those conversions based on your marketing effort. We're using a tool called Triple Will for all of your, for all of our client and group Virgin members, And this powerhouse of a tool allows us to see the lifetime value of a customer at 30,, 60,, 90 days. But what we're most excited about is the estimated action of customers. Imagine being able to send out emails or run ad campaigns to customers who are likely to buy from you a second or third time, and knowing when to actually send these marketing messages. It's super, super powerful. If you haven't checked out triple, well, then you need to do so, because it's going to help you and your marketing efforts today and moving forward. Make sure to check out the link in the description below. So another thing that a lot of people ask for within the checkout page- and it's something that you can't do- is to add logos or trust marks on the page where users enter the credit card numbers and assure them that it's a secure transaction and whatnot. This usually comes from other stores or other platforms, like WooCommerce, where you may have the ability to add trust badges and things like that, But when it comes to Shopify, again they limit what you can do within the checkout, except if you have the Shopify Plus, which, again, it's like $2,000 a month and nobody has time to pay for all that money. So when it comes to these badges, again it's something that you can't necessarily do, But Shopify does output the all transactions are secure and encrypted message and it's just above where shoppers enter.
Shopify Pages - Everything You Need to Know
hey everyone, welcome to the video. this video is just to compliment our Shopify pages artikle, where we basically provided all the information you need to know about the stok Shopify page templates that come with each theme. so basically, what we've gone through in the artikle is that you have themes that you can apply to your store and within each theme are these stok pages, such as the home page, collection pages, product pages, blog, everything like this. but the limitation is that in themes, in the theme editor, as Shopify calls it, the home page is really the only page that you can have any kind of flexibility or or get creative with designing it. so I'll show you. I'll quickly demonstrate that. I'll show you - it's in the artikle, but just so you know how to access themes and pages. I met my Shopify admin right now and when I go to online store pages is where I'll see the pages that I currently have. as you can see, some are hidden, some are active. I can add a page here, but what I'm focused on right now is themes. so right now I have the Brooklyn theme, which is a free Shopify theme. I have some others that I could apply, but for now this is the one that has the most design done on it. and then I'm going to hit customize. you can see we're automatikally on the home page anytime we enter the theme editor and you can see I have all these sections, which is okay, right. I mean I can add video, featured collection, things like this. let's see the options for adding sections. I can add blog post collections, images, reviews. so it's pretty good for the, the home page, right? I can get quite flexible. I mean, this has been built with just the, just the Brooklyn theme and it's got. it looks great, it's got nice information on it. but if I switch to a different page, if I go to a product page, oh, oh, what happened? right, this is all I have. all I can do. all I have is a header which is up here, footer down here and the product here. so these are all the options I have for the entire product page for the native Brooklyn theme. I have looks, reviews installed. that's why you see this, but I have no way to adjust that from here. okay, so really limited. this is what I want to stress. so if we take a look at this product page, I can't add anything or do anything else on this page, because it's just what you see is what you get with these themes. okay, but when using page fly, also addressed in the artikle- this is an application that allows you to build pages using a lot of different elements: Shopify elements- these work with the real product in your Shopify admin and basically. so this is a product page that was built with page five, so this placeholder right here is essentially what you would see here. okay, but page five has allowed me to add a promotion video, Buy Now button, a sizing chart, link to about us, show off the product, more cross-sell email signup- right, and I can go on even further than that. I can add anything I'd like around this Shopify product. so it just shows you the restrictions in the Shopify themes. like I said, the home pages are great. each theme has its own benefits in how you can customize the homepage, but at the end of the day, it is still limited and, especially all the other pages, very little you can do as far as customization. we can take a quick look at this page. I don't think it's the same product product, but you'll get the gist of it, as you can see, same layout as this product. here we have the title, the price, size images: da-da-da-da-da. all right, but I have all this other information, right? I've added all this using page fly. if we go ahead and preview this one- sorry, let me move this. if we view the Brooklyn theme by itself, I'm gonna go to the product page. see these have? these have been, but these collection pages have been built with page fly, not with Shopify. that's why you can add the video and everything like that. so this is the product page for Shopify, like that's really all you can see a little bit of information if there is a sizing chart, but it's a little bit wonky versus all of this great information, right? so I just so. I hope this video has kind of reiterated the need for being able to customize your store further and the fact that unfortunately, at this point, the Shopify themes just don't deliver the capability to do that. so check out page five for sure if you want to learn how to use page five. we have a udemy course that basically teaches you how to build every type of page. we take a well-known brand and we recreate a page by them, using page five as closely as is humanly possible. but definitely check that out. it's a free course and thanks for watching if you're new to Shopify, good luck and I hope this information is valuable to you. okay, take care. thanks a lot.
Shopify Tutorial for Beginners 2022 (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 medicsmediacom 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 medicswatchescom 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 stik 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: