#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

shopify template design

Published on: January 28 2023 by pipiads

The Best Shopify Themes for Your Online Store in 2022

in today's video, i'm going to show you how you can make one of the best online stores out there with ecommerce themes that are a designed to be fast and also high converting. so shopify has rolled out five new free themes and 65 updated paid themes that work with online store 2.0 features- literally so exciting. so i'm going to take you guys through some incredible shopify themes so that you guys can decide which one is right for your business in 2022.. each one of these offers industry leading performance and deep customization. but can we just get a little sneak peek here? okay, let's look at some of these amazing themes. so, first of all, look at this one- this one's called context, and i just feel like it would be perfect for someone who is starting like a clothing store but maybe wants a bit more of an editorial vibe. and then this one over here. look at this one- this one's called loft, and i feel like it would be so good for anyone selling home goods. so that's just a little preview, but definitely stik around till the end of this video, because i'm going to go through a ton of themes and just discuss the specifics on who they're good for and how they can work for you and your business. [Music]. okay, guys, so what exactly is a theme? so, if you think about it, themes are kind of like the skeleton of your online store. it's just going to define what your store is going to look like. so, for example, in this theme over here, this has one main image for the banner, but if you look at this one, it's going to allow you to put two images for the banner, and a theme is also going to define some of the functionality of your store. so, for example, when i click the cart on this theme, it pops up as a sidebar and then when i click the cart on this theme, it's just going to take up the whole page. so, if you guys don't already know, when you create your online store with shopify, you can choose between either free themes or premium themes, and it's really nice because there are more and more free themes that are being released recently. so there's tons of options there. and then, as of now, there's also 60 paid themes and you can find a theme that works really easily for yourself because you can narrow it down by industry price and then just basically find the design that you're after. okay, i know you guys are wondering: are shopify themes better than other themes out there? and i just want to say really quickly, just want to say this from the jump: shopify themes are amazing. they're amazing. first of all, if you are not tik savvy, shopify themes were going to be perfect for you because all of the features that you need already come built into your theme. you're probably never going to need to hire developer because 99, if not 100, of what you need already comes built into your theme. but but if you are a perfectionist like me and let's say, you do want to do like a little tweaks and like edit, you can edit your store without touching any code. so let's just look at my screen here for one sec, because i actually do think this is really important. so if we look here, you can see that i can easily edit these sections and these blocks to look exactly how i want and i can add apps, and i can add apps through app blocks. like there's so much flexibility here. obviously, hiring a developer can get really expensive really quickly, so this is a really good option if you are just starting. maybe you're trying to save a bit of money. and another thing that i really like about shopify themes is that you can get set up in literally less than 24 hours, like that is not an exaggeration. it is so fast. you could get set up between zoo meetings. you can get set up while your bagel is toasting. you can get set up before your roommate is done with the shower. okay, i don't know, probably not that fast, but one thing is for sure: you can definitely get set up before the pandemic is over. that's a little food for that. so this could be your sign to get going. so it is really quick to get set up. but it's also really good at getting your vision into the real world. you know when you have like an idea in your head and then you're like, okay, like i know what i want this to look like. i have this idea in my head and then you put it out into the universe and it's just like not really what you were hoping it would look like. i feel like that's definitely happened to me before. but i feel like with shopify themes, you can. you can get your branding and your vision out into the real world because you just have so much control over styling, over everything. and have you ever been on a website on your phone? and it's just like not as good as it would be on desktop. but with shopify, since themes are responsive, i feel like that just pretty much guarantees that your store is going to look dope, whether it's on the phone, whether it's on the desktop, wherever. we've all gotten to be very impatient creatures and, let's be real, no one really has the time to wait for even like four seconds for a page to load. but with the online store 2.0, let me tell you the speed and performance. it's good, as long as we don't overdo it with the heavy videos and like heavy images and that kind of thing. these themes are going to be so fast, guys. not nearly enough people pay attention to this, but shopify's themes are going to be highly accessible by design, and i think this is really important to me because everyone has different abilities, like, for example: some people might not be able to read small type, maybe they're just unable to see, maybe they're color blind. some people are unable to use a mouse to click on products to purchase, so they're going to rely on a keyboard alone to navigate the web. and with any shopify free theme that you choose, or paid theme, you can be sure that it's meeting the latest accessibility standards baked in by default. shopify actually requires the people who are making these themes to make sure that users can navigate through an entire theme with only a keyboard and a screen reader. i love it. i'm here for the inclusivity. last thing that i really like about the new online store 2.0 themes is that you are fully covered when it comes to support. like, if you decide to get any free shopify theme today, you would get an hour of free design time and in those sessions, the support advisors just have tons of ideas on how you can get more sales. and if you got a paid theme, you can chat with someone who can give you ideas on how to get sales too. so, literally, support in every direction. all right, guys, this is the age-old question: should you go for a free theme? should you go for a paid theme? all right, here's the t. so i feel like if you are just starting out, if you're just getting your feet wet, a free theme is a good option, because there's going to be light, they're going to be flexible and if you're looking to have the ability to tweak, the ability to get your theme super on brand, you can definitely do that with a- a free theme you can get so granular to the point where, like, you can choose whether your buttons are going to have rounded corners or sharp edges. you know what i'm saying. so i do love a free theme, but nothing hits like a good paid theme. this is just my opinion. i find that with premium themes is just such a breath of fresh air because you have so much more control. you can get really granular with your settings and your designs in a way that's just not as possible to that level with free themes. for example, you can add animations, you can have product details pop up on hover, you can even change the spacing between letters, and those are just to name a few. and i think i mean these themes aren't just made by random people. they're literally made by shopify's theme store partners, who have been building themes for over a decade. developing good themes for you is their entire business, so they always want to ensure that their themes are on point, that they're giving you incredible customer support. so, yeah, there's just nothing like a good premium theme. so if you are new, a free theme is going to be great, but if

Designing A Clothing Store With Dawn Theme OS 2 0

hello everyone, christian, here and today we're designing a clothing store from scratch and we'll be using shopify's newest theme, dawn, you know, the one with all the fancy new juicy features from os 2.0. yeah, let's get started now. if you didn't know, dawn is the first free os 2.0 theme released by stopper5. now, if you really don't know, online store 2.0- it's the future. i made a video about this so you can check it out right here. dawn is a flexible theme that includes an adaptable layout, site-wide cross-selling sections and media optimized product pages. with this new theme, you can add sections to every single page, which is pretty awesome. now in this video, we're going to go over the home page. so we're going to design the home page from scratch for a new boutique called shibby's boutique- completely fictional, but yeah, step number one: install the theme. so now that we're here in our totally nineties kid shop, what we're gonna do? we're gonna use totally nine. it's good, but we're gonna still make shippies inside of toilet 90s kid just for the purpose of um convenience. we're gonna go to online store under themes. we already have it installed already, but we're gonna go through the process. so you know, we're gonna click on explore free themes and then should be probably one of the first ones. so you'll see, dawn, it's free and it's from os 2.0, so that means they have some of the newest and greatest features that shopify has released. now you'll see, like some of these old other ones don't have the os 2.0 um badge, so you want to make sure that you get that one. that's the one that we're going to be designing on and moving forward, and i would i highly recommend to start using some of these os 2.0 themes and if you have an older one that you paid for, you might want to check with the back end of your website because you might have the opportunity to upgrade to the new os 2.0. so everyone's going to be upgrading these and i believe by the end of this year everyone should have os 2.0 themes on their store. we click on try theme and this will automatikally download the theme to our store. that way we can manipulate it and start using it. you can have a bunch of different themes installed on your actual backend and dashboard, and that's what we're doing. so right now we have this live theme, which act. it's actually totally nice kid, but what we're gonna do is we have this theme live library down here, and these are all the themes that we have installed right here on on this totally united skit website, and what you can do is you can customize these themes and you can make them your own, and once you're ready to publish that, then you go to actions and then you publish and that will bring this partikular theme all the way to the top and put this one right here down here at the theme library. so just keep that in mind when you're creating new websites. all right, so since that one's still installing, i'm gonna go and manipulate this one. oh, never mind, it just added. so we're gonna actually click on customize and this is where we'll start designing our website. now, when you start designing on shopify, you'll see here that on the left hand side you'll have all the sections broken down and in here you'll have a preview of what your store looks like right now. up here you can actually change it to the mobile version or full screen to see how that really looks, and then here at the very top you can change between all the pages or templates that you have that you can manipulate. for this partikular tutorial, we're going to go over the homepage: how to design it and how to make it look good for a clothing store, all right, so we're going to start from the top and go all the way through the bottom. right now, every time you install a new theme, it will show you sort of a different sections, right, all with just dummy content. some of your content will actually show up in here, but for the most part it's going to be sort of this black and white, very wireframe looking, just so you have an idea of some of the sections that this theme actually has. right, so you're not starting completely from scratch. you at least have something to look at in here. but we can actually get rid of all that and start from scratch or manipulate some of these, because we'll probably end up using some of these, all right, so, like i said, we're gonna start from the top and we're gonna go with the announcement bar. so in the announcement bar- uh, keep in mind that all these sections now are broken down into- um, these care looking things, so that you can actually break it down a little bit further, right, so there's an announcement bar. when you click on announcement bar, it doesn't have any other customizable settings, but some of these sections actually do, so you want to keep that into consideration. for example, this announcement bar has this right here, which i believe- yeah, it's just a text block, essentially- so that says welcome to our store. for this partikular store, we're going to be offering free shipping. so i'm going to actually add that to the very top. but some of our recommendations is: don't do just free shipping for all orders, do free shipping starting at some kind of price point. so we're gonna do free shipping on orders over 95 dollars. all right, so now, color scheme for this partikular section. we have different options in here. i will show you actually where to change the color scheme. um, because for this partikular theme, it only allows you to change it between these, and the color scheme is somewhere else right here within the the editor. so right now, let's just leave it like this, just to see how it might look. i actually let's go. i think this one, yes, a little grayed out, so let's do that. um, you could also add a link if you wanted to, but we're just going to leave it like that. this is more of an announcement, as you can see here. what i was toking about earlier is that you can actually add more blocks, more content to these sections and you can manipulate them a little bit better, where you might be able to now move things around. so this button: if we go right here, you can actually move that button on top of the actual heading. you don't really want to do that, but, um, just kind of let you know that you have more flexibility, more freedom with these new os 2.0 themes and, depending on how the thin theme builders build these themes, you might be able to do even more things. so this is sort of the tip of the iceberg when it comes to designing stores. all right, so now that we have that, let's go into the header. header typically holds the navigation and the logo and some of the search and cart options here. so for this one, we are going to leave background one, which is the white, and then we're gonna select an image, and i've already uploaded a few things in here. so you have the logo right there. now that logo looks very, very small. so right here we have the option to make it bigger. i think i want to do 220.. yeah, that looks good, and then we can also manipulate where the logo goes. um, for this partikular store, because we're not going to change this um, i'm going to leave it right here on the left-hand side, but if we start to get a lot more navigation items right here on the top, then it might be a good idea to move that logo to the top, and i believe i can do that. yeah, top center. so that gives a little bit more room right for more navigation items to um be right here underneath the logo. so it's less about aesthetiks and more about, um, what's more functional right for your website. but as a maybe another recommendation would be on your navigation, i would highly suggest maybe not having your home link, like it's like, right here, and then collections and chop. if they're going to your shopify store. more than likely all they want to do is shop right. so i would encourage you to just add some of your categories so you should have something like new arrivals, dresses, tops, shoes, bottoms. so all of your navigation at the very top should be products that you're selling, not necessarily the about or contact or home, home.


How To Design A Shopify Store In 10 Minutes (Step-By-Step)

having a bad website will kill your chances of success on shopify, even if you have the best products and ads. it's so much harder to see results with a low quality store. so in this video, i'll be sharing the exact store template that i'm using right now to generate over a hundred thousand dollars a month, and i'll be showing you, step by step, exactly how to easily build one for yourself. if you're new here, my name is jordan and i'm currently documenting the entire process of growing my ecommerce brand with as much transparency as possible. so if you're interested in starting your own online business, make sure to subscribe for new videos every single friday. also just want to say thank you guys so much for 50 000 subscribers. so to give back to you guys, i'm gonna do something that i usually don't do. i'm gonna give away a free one-on-one coaching call to one of you. to enter the giveaway, just drop a comment down below, follow me on instagram and dm me. when you're done, i'll be announcing the winner for this next friday. anyways, let's get started with the video. first things first. here are some live results that i'm getting with this exact template. so, as you can see halfway through the day, i've already done over 2500 in sales and if we look at yesterday's stats, you can see that this store is averaging around five thousand dollars a day. everybody is always asking about profit, so let's take a look. yesterday i did around fifteen hundred dollars in profit and today, so far, halfway through the day, i'm at around in profit, which is close to 30 daily margin. i'm not showing this to brag, but just to prove that this layout is working. today, i figured the best way to explain this would be to make a sample store that follows this exact template, so that's what i did. let's have a look at that sample store. so this is a store that i created in the home and garden niche- the type of stores that i like to build to test products look just like this. basically, we're building a nice, clean, branded store with good logo, good images, multiple collections inside of that niche, high quality products and images and, overall, a trustworthy and legitimate feel. i get dms every single day of people asking me: why am i struggling to see results? and then i look at their store and it looks like this: if you take the time to make a nice, clean, branded website, seeing success with ecommerce is going to be so much easier. this kind of store is perfect for testing products because it is branded, it has a trustworthy feel, but it's also broad enough that you can test a variety of products without being too constrained. i like to call this kind of store a hybrid store. it basically bridges the gap between a general and niche store. building a store like this is really not that difficult, so i'm gonna break down how to do it right now. the first thing that you're gonna need to come up with is a clean name and logo. to come up with names, i highly recommend you guys check out this tool called lean domain search. basically, you can take any word or phrase that you like and plug it into here and they're gonna show you websites that are ready to go that have this word inside of it. so in my case, i used the word flora because it fit perfectly for the home and garden space, and i scrolled and scrolled until i found the name flora flow, which i really like. all of the names on this website are available to purchase for the com domain right away, so i would take some time and try to come up with at least five phrases that would fit with your branding. so now that you've come up with a name, you need to create a logo now. i know graphic design might be intimidating to a lot of you, but nowadays there are a ton of tools that make it incredibly simple. one of my favorite tools to do this is actually called canva. canva has a bunch of these logo templates already built into the app, and it's actually what i use to build the flora flow logo. you can literally scroll through their library and find a clean logo for your brand in seconds and know this video is not sponsored by them. i just really like their product. so, as you can see, the template that i use for the floraflow logo is right here. i literally typed in flower. i looked at the options, i found this one and i just simply typed in the logo name and then i made it a little bigger, centered it in the middle and i deleted the bottom and i made a logo for the brand in 10 seconds. now, look, it's going to take you longer than 10 seconds and you shouldn't rush the process, but i would highly advise you guys. use that tool to build your logo. i'm also a big fan of photoshop. for my brand that i'm running right now, i designed my logo in photoshop, but it's a lot more advanced and not very beginner friendly. once you've got a name and a logo, the next step is to build out a nice home page for your store. now, when you're running ads to this store, typically you're going to send people to the product pages. yeah, you might have a cool product, you might have a cool product page, but if your customer starts browsing around your website and they get a weird vibe, they're not going to spend money with you and even if they do, the chances of them remembering your brand and buying again are so slim. so this is the exact layout that i use for all of my home pages. let's break it down. there are a ton of themes to use on shopify and it can kind of be overwhelming. this store is actually built on the impulse theme, which is by far one of my favorite paid themes, and if you're looking for a good free theme, i recommend that you guys check out debutify. i've used both of them and personally i like impulse a little better, but if you're on a low budget, debutify is an amazing option. first things first. we need a nice and clean header. try to come up with something creative that introduces the people to your brand in a very inviting way. now i could have easily wrote the best products for your home and garden, but i think it's much better to put something that has a little bit more flair and life to it. so in this example, i put stylus essentials for the modern home designed to elevate your lifestyle. if you're struggling with copywriting, just go look at some of the biggest brands out there. in terms of this image and all the images on the site, shopify actually provides a bunch of really sick free images and a lot of people don't know about this. so if you go down to image and you click on change and you go to free images, you can search up almost anything. so in my case, i searched up flower and you'll see that shopify has a bunch of these really nice high quality images that they're constantly updating almost every single week, and they're really fire. the next thing i do is typically put one of our collections on display. in this case it's the best sellers, because those are my favorite products on the store, so i wanted to put those front and center and when they click on it, you're gonna see that these are our top selling products and a nice, clean, organized page. we also give them an offer with up to fifty 50 off on the select products, and it's just something that gives them some incentive to click and start shopping. the next thing that i really like to do is show some type of mission statement for the brand. i think that this really helps your customers connect with you and feel like they're a part of something greater than just buying a product. so you can see, what i put here is that we want to help over 10 000 people create their dream environment through providing our own unique products worldwide. now, this is going to be different for everybody, so make sure that you come with something unique for your brand. and once again, i just took the image directly from shopify. now, the next thing that i threw in here: it was just a promotion. you don't need to have this, but i included it because i thought it looked nice, so you can just see it's 50 off of our spring and summer collection. and then i just put a little blurb about stay at home and stay at peace with these essentials t.

More:1 Product Stores In 2021 - Really The BEST E-Commerce Strategy? 🤔

How To Build A FREE BRANDED One Product Dropshipping Store With Shopify 2022

this is the exact method that we're using to create our six figure and seven figure drop shipping shopify store designs, and i've just created an example one for you guys, and you can see how beautiful this looks. we have the thumbnail for the youtube video on the website. you've got the drop down menus right there to give people more information without having it all bulky on your website. then you've got the side-by-side images going over more details of the product, and then you've got the button. if we keep scrolling back up, you can see how beautiful this website looks, and i'm going to be teaching you exactly how to do this in this video. hey guys, welcome to the youtube channel. my name is camille sannon is the ecom kingdom. in today's video, i'm gonna be teaching you step by step on how you can create a one product store that looks really branded and professional and that converts extremely well in 2022 and 2023.. this tutorial is going to be around about 30 to 50 minutes long. i'm not joking. it's going to be step by step so you can carry and follow along with your laptop or your computer if you want to create a shopify store that looks like mine. now i'm also going to be giving you guys copy and paste templates that you can use on your store for things like privacy policy, terms and condition and shipping and delivery, and as soon as we hit 2 000 likes, i'll leave it in the pin comment and in the description below. so if you've been somebody wondering how to design a shopify store that's going to convert really well and look really appealing, then i'm going to give you the exact formula right now that will work with every product that you choose, and you can also convert this into a niche store if you want to, and this has been proven to work for me for the last 12 months because i'm using it right now in some of my six figure and seven figure stores [Music]. so before we can start creating our one product shopify drop shipping store, we need to have a product in mind that comes with good photography and good information to make our life easier and to give us the best quality store. now, if you haven't already got a product in mind, you can use a website like pixarcom and head over to the winners section, and this is going to show you loads of wooden products in different industries, different niches, and it's also going to give you all the relevant information about these products. so, for example, let's say i like this product, i'd click details and then it would show me everything about the product. now this is gonna be my product choice in the video. so this is the product that i'm gonna be using to design the website about. it's called the cordless air duster and you can see it's gonna give me the description and i can use this for my website. it's gonna give me the aliexpress link, the alibaba link, the amazon link, and later in this video you're gonna understand why it's important to have the amazon link, the aliexpress link, the alibaba link, also other stores selling it so you can see how they've designed their store and take good things from their store and repurpose it for your store. but if you haven't already got a product or you haven't got good information, then i recommend you use peekster to help you get that. so once you've got your product in mind, you want to head over to the aliexpress link for your product. you can see this is my product. it's got a thousand orders, 4.8 star reviews. you only want to be going with a product that has got good reviews and has got good photography, because if you scroll down you can see this is the photography that's going to come with my product, because this is the imagery that i'm going to be using on my website. so if it's not good photography, or if it's not good imagery or they don't have good videos, then it's going to make your website look bad. a great extra bonus is if your supplier can give you a video of the products you can see here. i've also got a video of my product, and the reason why is because you're going to be using this video on your website after you've edited it to be suitable for your landing page. now, once you've done that, you want to download a chrome extension called ali save and that will give you the option to actually download all the images by clicking this little icon once you've downloaded the chrome extension, and it will also give you the option to download the video. if you've got the pro version- for one dollar- and i'm not sponsored by them at all- and for the images when you scroll down on the listing, you will either have to contact the supplier and ask them to send you them, or you'll just have to print screen them, because you can't actually right click these images and save them, and some of the images in the listing below is actually better than the main images in the actual product info. now, once you've done that step, you want to head over to this link here, which is my exclusive shopify 14 day free trial link, and by using this link, you'll get 14 days for free, and sometimes you can actually get even more than 14 days for free. it just depends when you use the link. now, once you've set up your shopify account and you've started your 14 day free trial, your screen should now look like mine, and you want to head over to the bottom here where it says apps, and you want to click on it, and then it should open up this page. now, once you've done that, you want to go to where it says recommended apps, and then it should pop up this page, and then you want to go to at the bottom where it says shopify app store, and you want to click that link. once you're on the shopify app store search bar, you want to search for these two apps. the first one is going to be called auto ds. now, what auto ds lets you do is it lets you import the product through aliexpress and loads of different other websites, like cj, drop shipping and loads of other ones, and it will also automatikally fulfill every single order for you once you get orders on your website. now, an alternative to this used to be oberlo. that was the really common one, but they shut down now. another alternative to auto ds is actually ds's. now, i think auto ds is better than ds's because it actually gives you the automatik fulfillment option and loads more features. the only downside to auto ds is it does have a 30 day free trial and once that's done, it will then be a paid subscription. now, if you do not want to do that, then you should use dss, because it is free forever as long as you're on the lowest tier. now, once you've downloaded the also ds up, you want to head back over to the aliexpress link for your product, like here, and it should say somewhere around here: import through auto ds. mine's not saying it because i've already done it, but you want to click that grey button and it will import it into your website. now, once you've done that, you want to head into the auto ds app by going back into shopify, clicking apps, then auto ds, and you want to go to where it says drafts, and where it says drafts, it should show you the product that you've just imported and you want. you want to click the import button. after a few minutes it should show the product in the product section here as a live product on your website. now the best way to double check that this is actually worked is by going to where it says products in the shopify dashboard and making sure the product shows up under active now. as long as your product shows up here, then it has worked. so now we've got all that out the way. we can move on to the fun part of this video, which is creating the shopify store right now. so you want to head over to the shopify dashboard, go to where it says online store and then it should take you to a section that looks like this and it should have the dawn theme as the current theme. then you want to scroll down to where it says popular free themes and you want to go to where it says the refresh theme- this one right here- and you want to click the add button after a few minutes. after you've done that, it should now show it und.

Shopify Debut Theme Customization | Debut Theme Design Tutorial

all right, guys. so in this video i'm going to be showing you how you can go ahead and customize your debut theme within shopify. so debut theme is the theme that all shopify stores start out with by default when you go ahead and start a shopify store and if you haven't already opened your shopify store yet, you can start your 14 day free trial by clicking the first link in the description. so i figured i'd make this video because debut theme is one of the most commonly used themes, because it's the one that all stores start out with, and the view theme actually looks really good. so right here we can see that this is what debut theme looks like when it's first installed, with absolutely nothing filled out. so we can see that we have where our logo should be. we have a big header right here with some text. we have an image here, we have three images with text. below here we have a uh empty collection and we have another um header type image. right here, another wallpaper image. we have some testimonials and we have three images down here. and then we have the footer. so right now we have a nice little template, but it's blank. so if you're looking to go ahead and fill out your um store using debut theme. the first thing you're going to want to make sure you have is a few key things. so i'm going to bring up a notepad and just make sure, because before you go ahead and start the design process, you're going to need a couple things. so the first one is going to be a logo. so i assume you already have a logo at this point if you're ready to start your store design. but if not, then make sure you get a logo first, because everything else is going to be based around the logo. and then we're going to have a color scheme selected and normally this color scheme is going to be derived from colors from your logo and typically you're going to use one to two colors to base your entire store around. and, like i said, these colors will be derived from the logo. and the next thing we're going to need is a couple wallpaper photos so we can see. we're going to need some photos to go ahead and put back here in this header. we need some photos to put back here and this header as well. so if you have any large photos related to your business, go ahead and upload them to your computer or put them all in one folder so we can go ahead and use them as backgrounds here, and, if you don't, you can use different sites such as pixabay to find free stok images that you can go ahead and use. so let's just type in something like fishing, so if you had a store related to fishing, you could go ahead and just look for different stok photos here. or maybe you have something related to yoga or fitness. you can type in a lot of different niches, depending on what your store is based around, and you can use some of these wallpapers to go ahead and put back here. now, obviously, i do think it's better if you have your own custom photos, but uh, you know, not everyone's gonna have that starting out. so if you don't, you can go ahead and use pixabay to get some related photos so we can see that, based on the template here, we're gonna need at least one and two bigger photos, and then we're going to need about five smaller photos to go ahead and put in here, in here and down here. now, one thing to keep in mind is we don't have to go ahead and utilize every one of these sections, and i'm going to show you how you can add and delete sections. but you just want to go into the design process with all of these different things in place already, because it's going to make things a lot easier. so make sure you have a logo, select your color scheme based on the logo, have a couple of wallpaper photos, have about five, you know. maybe, maybe in five to ten smaller photos, they can be in your product, they could be something related to your business. but just make sure you have five to ten smaller photos and then make sure you just have, like, business details, so like slogans, taglines, selling points, uh, just different type of details that we can use to go ahead and fill out this uh page with. so, that said, i'm gonna go ahead and get started with customizing this. so, in order to customize the theme, all we have to do is come over here to online store themes and then click customize. now i already have, um, all of the stuff that i'm going to put in to the design, all the details that i'm going to put into design, prepared ahead of time, which is, like i said, what i would recommend you do as well, because getting all of this is pretty much the first half of the work done. it's just getting what you're going to fill in the store with, and then, once you have this, it's literally just about filling in and then customizing different sections and getting rid of certain sections. so where we pretty much start things off is with the header. so if we open up header right here, the first thing we need to do is upload our logo, which we can do right here by selecting an image. so all we have to do is click upload and i'm going to go ahead and upload a logo right here and i'm going to go ahead and click select and then we can go ahead and customize our logo width right here. so i'm going to go ahead and make it big and we can choose whether we want this centered or to the left, and i'm going to keep it to the left right here. and the next thing we can do is change the menu we have here. we're going to just keep this as the main menu and then we can come down here to announcement bar, and a lot of the time you'll just go ahead and show an announcement mark so we can kind of put an announcement up here. so this is where you can put something that's relevant to your business, whether that's, you know, like a discount, you're running a promotion, you're running free shipping or just any type of details really that have to do with your business. so in this case- uh, the example design i'm going to be going for is a local cookie business, so i'll go ahead and put something like this and then down here we can go ahead and paste a link if we want this to link to anything. so if you are promoting, like a specific sale, then you could have this link to a specific sale. in this case, i'm going to go ahead and not link to anything. and this is where the second part- right here, the color scheme- is going to come into play. so we want to make sure that our store looks fluid and looks like it kind of blends together. we want to make sure that it actually looks good. so in order to do that, we need to have a set color scheme. we can't just have random colors wherever we want so we can see how if our logo is brown, then we probably want to stik to this type of color scheme. we wouldn't want to come down here and make this any color like this, because that just doesn't fit in at all. so what we want to do is find the exact color from our logo. take one of the colors from our logo and there's one of two ways you can do that. one is with a photo editor like photoshop, which i'm going to do right here. i'm going to just use the color picker and in this case, the most prominent color in the logo is this darker brown. so i'm going to use that and then i'm going to take this six digit code right here and use this to match the exact color. now, if you don't have photoshop or photo editor, you can just go on google and search up hex color finder and actually, if i go really quick, if we go to hex color, if we go, actually i believe it's hex color finder. uh, yeah, it's this site right here. so, html- color codesinfo. you can come here, you can upload, uh, your logo like this, and then you can just click and you get the same exact color code right there and we're going to be using this code for the rest of our designs. we're going to go ahead and put in that color and now the brown goes ahead and matches our logo right here. and as far as the text for what's going to go up here, normally you're just going to decide what looks better on the background color between white or black. so if we go to black, i personally think that white looks better, so i'm going to go back to white. and now we're done.

How To Design A Shopify Website | Step By Step Tutorial For Beginners Featuring Canva

hey, i'm destiny and i'm back with another video. if you don't know already, my channel is about building our businesses. we're toking about entrepreneurship and we're toking about side hustles. so in this video, i'm gonna be showing y'all how i create my websites, step by step. that's gonna include choosing the theme, the different colors, how i add the website banners and, if you missed the last video, which i'm gonna put a pop-up right here- but i showed y'all how i create the banners on canva for the actual website. so we're gonna take those banners and insert them into this website. so if you missed that one, go catch up, create your banners, then come back and follow along with us. so pretty much everything is gonna be included in the step-by-step shopify tutorial and, without further ado, we're gonna head right on over to shopify, because this video is gonna be a long one. so i'm gonna start with the shopify website, pull it up and i am gonna start a free trial. as you can see, they give you a free 14-day trial and i did create a- just an email address for this account. so it's destiny's new shopify gmailcom. create a password store name, which is going to be destinies. let's see destiny's test shopify or destiny's test store. then create your store. now tell us a little about yourself, so i'm going to let them know. i'm just playing around. what type of products do you sell, or do you want to sell products? do drop shipping? yes, and we're going to click them all. what is your current revenue? we're going to do xero. what industry will you be operating? again, since we're doing a hair website, it'll be beauty. now i'm going to put in just some generic information and find a fake address for this. this is just going to be the test store, just to do my demonstration. we're going to roll with houston. okay, so this is the main page, once you first get logged in. now we're gonna customize our store. so we're gonna go to customize theme and, as you can see on this page, it says no theme installed. so we're gonna end up installing the default theme, which is the dawn theme, and dawn is actually one of my favorite shopify free themes, but they do have paid ones. but we're gonna actually explore some of the free themes as well as look at the current theme that we have now. okay, so this is what the plane like. if you're just starting fresh, this is what you're playing shopify store is going to look like before you add your banners and your collections and your products, such as a plain web page template, and now we're going to exit. and then i'm going to show you some of the other free themes and for what we're looking for, like it's as far as a hair business, none of these really work for us, so we're going to stik with dawn, but you're free to explore to see which one works best for you. so we're going to go ahead and close this page on out. now let's go back to customizing our own theme. okay, so the first thing that i'm going to change is actually the announcement bar. so, as you can see, at the top it says welcome to our store, and i'm just going to put our tagline on top of there where it says your destination for vacation here. okay, then the next thing that i'm going to want to show you is we're going to actually go to canva and i'm going to show you all the different things that you'll need because, as you can see, it says image, banner and then all these templates. so i'm gonna actually go over to canva, show you the different designs that i already have created. hopefully you've already watched our video that's showing you how to make your banners on canva, and i'm also going to do another video showing you how to make the templates for the bundles, closures and wigs. but this is our brand kit that tells us our fonts and then it also tells us the colors that we need for our website. so i'm going to line these up side by side and then, on the website section you can see it has the theme settings pulled up and i'm just going to adjust the colors to match my brand colors. and the trick to this- because you don't know what it's going to change right away- is you want to get, once you select the solid button label, so the first color i'm going to put in green, and then you'll go through each one, adding the different brand colors. so that way, when we go back to designing the website, it'll be easy for us to just switch through the colors, and i'll show you that as well. but right now we're just going to focus in on adding our brand colors to the different sections of this, and it doesn't matter where you put each color, because you'll be able to change it once we start designing the website and, as you can see, each color changing well, as far as the backgrounds, and you'll play around with this just to see which color combination you like best, because it'll be based on your brand and we don't have accent gradient color for my brand. and one thing that i like to do for websites: when it comes to text, i either like to select white or black, and for my website specifically, i'm going to choose white, because white is the color that we have in the background of our logo and it just looks better with our brand colors. and then, once we get done with the colors, we're gonna go ahead and select the font which, the font that most likely goes with my brand. as you can see, font number three is made canvas, which is very similar to times new roman, so i always like to choose the times new roman font. so i'm just going to search it here and this is the page layout. so, as you can see, it's not really changing much. so i left that the way it was and went on to the next section, and i'll keep going down until i find something that i can change. then, for social media, i'm gonna go ahead and act. i'm gonna go ahead and add the different social media channels that we have, which we have a tiktok, which is her destination here. we have an instagram, which is her destination here, and then we also have a facebook for her destination here. and the reason i like to copy and paste that's just to make sure we get the correct link. so i'll just copy and paste how they, how they have the format written at the bottom, and just remove shopify and add my brand name. okay, so now we're pretty much done with the colors and you can see the little icons at the bottom. now it's back to designing our actual website. so we're going to go ahead and go over to canva. so what we need right now is our different banners. in our video we made three different banners. so we have our main banner that has taken here new places, then we have our it's the hair banner and then we have our active collection wigs banner. so we're going to go ahead and download these banners and get them uploaded to our website. okay, so now we're in the header section and we're going to actually upload our logo first. so where you say destiny's test store, we're gonna actually add our logo there. there it is then to make it look better once you see the logo uploaded, what we're gonna do to actually make it look better is we're going to have to change the colors. so, like i told you, where you add all the colors, so those are all the colors that we have added. so you can see, accent one is our lime green, but we're actually going to want to go with the white. let's make it a little bit bigger. there we go. okay, now we're gonna update that image banner. okay, now we're gonna go ahead and start uploading. let's first find where we put it, as you can see it downloaded down there under zip. so now we're going to go ahead and add it from over there, create a folder. now we have our banner and, as you can tell by this banner, the banner cuts off our taking here new places. so we're actually going to have to end up changing this to a slideshow, because when you change it to a slideshow, it's going to change how the photo looks. well, actually, it's just going to change. it's going to make the photo wider, and that's exactly what we need. so what i did here was change it to mobile version, because everyone pretty much looks at websites on their phone now, so i need to make sure my website looks p.