How To Create A Free Website with Canva in Minutes!

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
canva is a powerful free graphic design tool that allows anyone to easily create any type of designs that you can imagine also did you know that canva now allows you to create a functional website in minutes well canva actually allows you to take all your designs and then transform these designs into a visually stunning website hey guys stuart here welcome back to this channel i hope you're all having a productive day now today in this canva tutorial i'm going to share how to simply create your own free website with your canva designs in just a few minutes okay so before we go ahead and launch into canva consider subscribing if you haven't done so already or if you're new to this channel and that way you'll stay updated with actionable videos and tutorials designed to equip you with the skills knowledge and tools to help your small business thrive online and with that quick note out the way let's go ahead and convert your canva designs into a functional website [Music] okay so here i am inside my free canva account now to get started with canva if you currently do not have a canva account simply navigate over to your browser and type in canva.com or feel free to click the link in our description below this video and that's going to take you to canva now go ahead sign up for free and we'll meet you inside your canva account and like i mentioned at the beginning of this tutorial canva is a completely free all-in-one graphic design tool that allows anyone to simply create any type of graphic that they can think of you can create graphics and designs from logos social media posts to presentations marketing materials newsletters and more however today's focus with canva is to create a free website for your business to do that simply navigate up to the search bar and type in website then navigate down and locate this website option here and as you can see if we navigate up here canva will generate over 500 pre-made website templates that you can choose from and then customize the way that you like first if we navigate over to the left hand side and under filters we have style this is where we can filter through the 500 pre-made website templates based on the style that we like we can also navigate down further and we can choose from a theme down here so for example if we click on view more we can view all the different types of pre-made website themes so for me what i want to do is go ahead and select business because i want to create a website for my small business however you can choose any of the styles or themes then what we also want to do is navigate down and click on free because we want to choose from the free pre-made website templates then simply navigate through all the different pre-made website templates that canva has generated now i like the look of this pre-made template up here because what i want to do is create a website for a digital marketing agency so i'm going to go ahead and select this website template now it's important to note that some of the templates have paid elements and you can choose to delete those elements or you can pay for those elements so within canva you have access to paid elements and templates as well as free elements and templates so i'm going to go ahead and select this template here and that's going to generate the pre-made template that you selected now if you're not quite happy with this pre-made template after scrolling through each of the different pages then what you can do is navigate over to the left hand side where we have templates and search for a specific template type based on the type of website that you want to create for example if i type in cafe canva will generate cafe website templates that i can choose from however i'm happy with this marketing specialist website because for the purpose of today's tutorial i'm creating a digital media and marketing agency website now before we start customizing this website template what we can also do is navigate up to preview and this is where we can preview what the website template will look like for our visitors online now what we want to do is make sure that we click on without navigation and select with navigation this is going to allow our website visitors to easily navigate through each of the different sections of our website and as you can see this is a single page website and single page websites are ideal for small businesses that want to enhance user navigation so your website visitors can simply scroll through each of the different sections on your website or they can click on the navigation items in your primary menu now if we navigate over to the left hand side canva allows us to resize on mobile basically when we have this selected canva will automatically ensure that our website is responsive across mobile devices so again if we navigate over and click on mobile we can preview what our website will look like on mobile device so again take the time to preview what your website will look like across desktop and mobile then simply navigate up to close and once we've finished customizing our website we can go ahead and preview our website one last time before publishing our website online okay so the first thing that we want to do is change the overall brand colors of our website to do that simply click on any of the elements so for example i'm going to click on this orange header up here and then navigate up to the text color and then if we navigate over to the left hand side under document colors these are the colors that currently make up our website what we want to do is come down and create our own brand colors in brand kit and this will allow us to easily change the global colors of our website so go ahead and click here then simply navigate down to color palette for the purpose of today's tutorial we're creating a website for cindio media which is a digital media and marketing agency so i'm going to go ahead and add cindeo media then once you have named your new color brand kit come down and click add to add a new color and it's important to note that with canva you can add up to three brand kit colors completely for free however if you want to add additional colors more than three colors to your brand kit you will need to upgrade to the paid plan so what i'm going to do is quickly go ahead and add three colors based on my brand and once you're happy with your three colors simply navigate up to exit and what i want to do is change all the orange text within this website template to this blue color over here to do that i would click on this blue color and then simply navigate down and click on change all and that's going to change all the orange text elements to this blue color over here so go ahead and click on change all and now if i navigate through my website you'll notice that all the text headers are this blue color if i scroll down further again you can see that those colors have changed and i'm happy with that now what i want to do is change this background orange as well as the color of this element here and this button element to do that what i'm going to do is simply click on this background and then navigate up to color and then change the background color to this blue color again and then come down and click change all and now all the elements within my website are this blue color i'm happy with that and now what we're going to do is actually customize each of the website pages and add our own content to do that we're going to start off at the top of our website page simply click on any of the elements that you want to customize so for example i'm going to click on this text element here and change this to my business name which is cindeo media now you'll notice you have these formatting options up above we can change the font the size of the font color we can bold italic we can also change the alignment and we have effects over here we can change the text effects so what i'm going to do is simply click on this text element and add my business name again i can change the size by clicking up here or i can simply drag the edges of this element and i can also click on the element and drag this element to any destination on this page i'm happy with this element i'm also going to go ahead and change this element here to digital marketing and media and i'm happy with this text element now if i navigate down to this button what i want to do is make sure that this button sends the visitor who clicks on this button to a specific destination on my website so to do that click on the button i'm going to change this button to strategy session and what i can do is drag out the sides to make sure that it all fits and i'm going to place that center aligned now to link the button make sure that you have the button selected navigate up to these three dots come down and click on link here i have the option to link an external link so i can send my website visitors when they click on this button to an external destination online or i can link a page within this document so i want people to be sent to the contact page so i can go ahead and click contact page and that's going to link this button to the contact section of my website and i'm happy with that so i'm going to go ahead and click done now if i navigate down further again i can simply customize each of these different elements i'm going to change kimberly to stuart and remember with each of the text elements you have these formatting options up above so what you want to do is simply navigate through each of your website pages click on all the different elements and replace the default text with your own text then what we can also do is replace these images so for example if i wanted to simply replace this image what i can do is navigate over to the left hand side and click on photos now if you cannot see photos on the left hand side simply navigate down to more and locate photos i'm going to go ahead and click on photos and then up here in the search bar type in a keyword related to the type of photo that you want to find i'm going to add marketing and as you can see down here canva will generate photos related to the keyword i typed in which was marketing now you'll notice that with each of these images they are either free so this is a free image however if you see this little pro crown icon on the image that means it's a paid element or paid image meaning you will need to pay for that image if you want to use it or if you've upgraded to canva pro then you can use any of these paid elements so what i'm going to do is simply use this free image by simply clicking the image and dragging the image to replace this default image over here so take your time to navigate through each of your website pages to simply replace the default content again you can do that by simply clicking on an element or image and replacing the existing image you can also navigate over to uploads and you can upload your own images or videos that you want to add to your website the same goes for elements if we click on elements and then type in a keyword for example marketing you can see that canva will generate elements or images in relation to the keyword that you added and then you can simply click on the element and that's going to add that element within your pages and again you have formatting options up here so i'm going to go ahead and delete that element and then scroll down and what i want to do is delete this image here as well as this little icon here by simply selecting those two images and clicking delete and again like i mentioned i can add an element if i like instead of that image and element or i also have the option to add a youtube video so for example if i navigate over to the left hand side you can see youtube if you cannot see youtube simply come down and click on more and then locate the youtube icon i'm going to go ahead and click on youtube and then search for one of my youtube videos and here is the youtube video that i want to embed on my website page to do that i can simply click and drag onto my website page or i can click on this video and that's going to add the youtube video into my page i can also go ahead and resize this video element and i'm happy with that and now when website visitors arrive on this section of my website they can watch this youtube video this video could be about our consultation that we offer now if i navigate up to the top again let's say for example i wanted to replace these images with videos then what i can do is either upload my own videos or i can navigate down to videos and then again what i would do is type in a keyword i'm going to type in advertising and then again i can navigate down and select any of these videos remember some of these are paid videos and then some of them are free all i would do is click on the image and then drag and replace the default media with this video i can also double click and then change the positioning of this video and i'm happy with that so remember canva works by simply dragging and dropping the different elements from the left hand side now if we navigate down to the very bottom what i want to do is link this button to an external booking form for example if i navigate up to these three dots and click here and then click on link i can link this button to an external form for example i could create a form using google forms completely for free and if you're interested in learning how to create a google form for free what i'll do is link a beginner's tutorial up above and down below in the description that will take you through the process of creating a google form so that you can capture specific information from your website visitors or what you could do is add an external booking page so for example we use calendly to create a form that our website visitors can use to book a strategy session with us these are just examples of linking to an external destination and because this button is a book a consultation button i'm going to link to our calendly strategy session i'm going to hit enter and just like that the link has been added now what i want to do is remove this underline to do that i'm going to navigate up to this underline and click here and now my button looks very fresh i'm happy with that again up here what you want to do is take the time to customize this information and add your own contact information now we can also add additional pages to our website to do that simply navigate down the bottom and click add page then simply navigate up to templates and click on layouts and canva will generate specific layouts that you can add to your website page now what i'm going to do is navigate up here and scroll across and you can see these different elements for example map contact we have a footer here mock-up agenda article what i'm going to do is navigate across and add a footer and i like the look of this footer down here so i'm going to go ahead and add that footer now you can see all this white space down here what i can do is simply drag the bottom and make this page smaller so i'm happy with that sizing for my footer i can also navigate across and i can highlight all these elements and i can make these bigger if i like and then what you want to do is link each of these social media icons to do that simply click on the element and then simply navigate up to link and simply add your profile to each of the social media accounts it's as simple as that to link your social media now what i want to do is navigate down here and i'm actually going to move this email address and place that here and then i'm going to navigate over to more and i'm going to add a map to my website to do that simply navigate over to google maps then type in your business destination and for the purpose of this tutorial i'm just going to go ahead and add this map in here and as you can see that's going to add the map to this specific destination this is just a random map that i have added however what you want to do is make sure that you find your business map and embed that into your website so as you can see over here i have my business address and then we have the map over here i'm happy with my footer again you can come down and add additional website pages if you like however i'm happy with my new website that i just created so remember it's as simple as that to customize pre-made website templates by simply clicking on each of the element replacing the default media or text with your own content now what we're going to do is navigate down the bottom and click on grid view and here we can view our entire website with a grid view if we navigate up to the top you can see we have home about work services feedback contact and then we have a seventh page over here which is our footer now if we wanted to add the footer into our primary menu then what we would do is come down and customize this and add footer but because your footer does not appear in your primary menu we're going to leave that for now and simply change some of the names for these sections of our website for example if i navigate over to feedback what i'm going to do is replace this with projects and now in my navigation you will see projects rather than feedback and i'm happy with all these other website pages so again this is where you come if you want to rearrange each of the pages for example you can drag and drop the pages into different locations on your website you can also go ahead and create a new page from this grid view if you like but i'm happy with that so what i'm going to do is navigate down and close grid view and when you're happy with your new website you've made all your customizations simply navigate up to preview and then one last time before we go ahead and publish our new website we need to preview what our website will look like across devices after we've made those customizations simply navigate up to without navigation and click on with navigation and as you can see these are our navigation items home about work services projects and contact again we want to preview our website on mobile make sure that our website is responsive and then when you're happy with your website simply click close and then navigate over to publish as website simply come down and make sure that you have resize on mobile selected then click on without navigation and ensure that you have with navigation selected remember this is going to make it a lot easier for your website visitors to navigate through your website and find the information that they're after now with the free version of canva you can create up to five websites completely for free and you can choose to use a free domain you can purchase a new domain through canva or you can use an existing domain if you already own a professional domain name so we're gonna use the free domain for now and then navigate down and you can see down here we're using one premium image and you'll be asked to pay for that image if you're using the free version of canva if you're using canva pro then you can use all the paid elements videos and photos within your website so what i'm going to do is locate this image and simply delete it before clicking continue so as you can see i've quickly gone ahead and removed that paid element so now i can continue for free here what we want to do is navigate up to your url and click the pencil icon and then add your business name your website name for us it's scindio media then come down to browser tab preview and click on the pencil icon and here i recommend adding your business and brand name again then navigate across and here you have the option to change the website's favicon this is the little icon that appears in your browser i'm going to go ahead and quickly change this by uploading an image and i'm happy with the image that i just uploaded i'm going to go ahead and click done and that's going to replace the default canva favicon with my own branded favicon then come down and describe your website go ahead and add a brief description then come down to permissions and this is where you have the option to enable password protection this means no one can access your website unless they have the password to be able to access your website this is ideal if you have some form of paid community and you only want specific people to be able to access your website then you also have the option to hide my website from search engines but because we want to create a public website that anyone can access we're going to disable both these options by keeping them unselected then come down and click on publish give canva a moment to create your new website and congratulations just like that your new website is now live online for people to discover your brand your business online simply come down and click on view website and i'm happy with my new website as you can see i have a video over here that i can play then if we navigate down further we also have the youtube video down here that visitors can watch and if i scroll back up to the top and click on strategy session that's going to take my visitors down here where they can then book a strategy consultation with me if they click on book a consultation that's going to take them to our calendly form that we link to that button so what i'm going to do is head back to our canva website and if we scroll down further we have our footer we have our social media icons and we also have this map that shows the direction to our business and as you can see it's as simple as that to create a responsive and functional website for your business and there we have it guys that is it for this brief canva website tutorial now if you have any questions about this tutorial make sure to pop them down below and with that said thank you so much for watching this tutorial all the way through to the end if you got value make sure you leave a like and subscribe to this channel and that way i will see you in the next video take care guys [Music] you
Info
Channel: Stewart Gauld
Views: 38,197
Rating: undefined out of 5
Keywords: canva tutorial, canva website, canva website tutorial, how to create a free website, how to create a free website with canva, free website builder, how to use canva, canva, create a free canva website, canva website design, canva website builder, stewart gauld
Id: wA8XVP-fxNc
Channel Id: undefined
Length: 23min 37sec (1417 seconds)
Published: Tue Aug 30 2022
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.