I tried using Canva to build a Website
Вставка
- Опубліковано 10 чер 2024
- Learn to design high end websites with our Web Design Pro course - bit.ly/3WaPu9D
Canva recently launched a tool to build websites - but is it actually usable?
In this video I'll be answering that, and can you design a professional website using it?
📽️ CHAPTERS
00:00 - Intro
01:01 - Getting started
02:40 - Adding elements
06:59 - Mobile view
08:58 - Animations & Interactions
12:54 - Final thoughts
Let us know your thoughts in the comments below!👇
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
Ran's Instagram 👉 / ransegall
Thanks for watching our video!
#webdesigners #websitedesigners #freelancerdesigner #design #webdesign #canva
i know professionals shit on canva a lot, but as as a student who has to make lots of pitch decks all the time, the variety of nice looking templates and the high quality free stock images you get access to with the membership has come in handy so many times! i’m not a web or graphic designer but i like learning about it. i think canva is a lot easier to figure out for a beginner than figma tbh
Exactly❤
1. You can add multiple pages. Create the page as a new design and add a link to it on the main page.
2. Select the button text and remove the underline (still works as a link)
3. You can add links to any element, not just the text. Simply select the shape you use as a button and add a link.
Canva has a learning curve to it as well even though it's very intuitive.
I just simply hate this arrogant aproach "senior designers" have with Canva tools. They first assume that there's a limitation and then "ops, it's actually possible" and then again realise the limitation is their knowledge and willness, without even considering all posibilities that made the platform so popular. Feels like they think Canva is a toy for children just because it's easier to use than OLDER devolopment tools such as WordPress - wich is a pain in the *** to learn and create. Open your mind, fellow designers, tools are supposed to be used when it's needed and suitable not to fulfill your ego and status. Explore more and judge less.
Exactly. Specifically for a student like me who is always interested in learning design but the design softwares are so expensive. I mean the so called standard softwares are so expensive. But canva is free which is great. I love canva.
It's professional jealousy, their craft is no longer inaccessible
No it’s just a trash tool that has the most irritating workflow in existence. Never have I seen such a confusing piece of shit as Canva. Stevie Wonder must have done the UX
Probably a bit of fear that non-designers can now create a landing page and their service will be redundant. I am so frustrated with other tools, because they assume you had some sort of training. All of those tools are really not non-professional friendly. With Canva I have created some neat landing page. Also; these templates were created by designers so really no need for people to look down on Canva.
Damn right!!
Professional programs are not what makes a good designer, it's the ability to use any kind of tools for what they can offer to work smarter, not harder.
Only sin of Canva is the logo maker ahaha but everthing else is very helpful. Absolutely no shame on that.
Bravo 👐
THIS!
What i did to make it different pages i designed 4 websites and interlinked it to make it look like a website with a navigation that takes you through different pages rather than it scrolling down as a scroll site
What I love about Canva over other web builders (esp "landing page builders") is that you can drag and drop elements, and place things *exactly* where you want them to go, no more playing with margins, columns, elements, all that time consuming nonsense!
Love how thorough yet quick this was. Thanks a bunch!
Page top links.... switch to grid view and name each slide.. this will create top naviagtion.
wit rollovers and alt tags.
Creating a button link - use the button graphic as opposed to the text. (no rollover)
I’ve been using Canva for many design and work projects for the last year, on first glance the aesthetic is off putting but honestly the vast usability of the programme is amazing far out weighs and is way better value for money when you are a start up - I also don’t feel like you went through the programme thoroughly before criticising
You are able to add pages. The icon is small to the left of the page you’re working on.
you can add fonts through the "brand kit" feature :)
I think it is 18pt but maybe it appears bigger in relation to re website document resolution.
For example if yourself original website is 1902x180 pixels and the Canva preset is 1080x720 then the size of the text won’t match
But you *can* do multiple pages with a sticky nav bar though right?
It feels like we hold our website builder as close to us as our religion and politics 😂 love seeing new tools like this! I’ve yet to find one that steals my heart from Webflow but still loved this video
Astute Observation Mr Smith
I have used cover for website layout and design. I love it
What about grouping the text and button together and then adding the link to the grouped element so the entire button/text is click able?
This is it
Hi Team,
My Google Ad is saying my 'website needs a Google Tag' AND that I need to set up 'Conversion Measurement’, May 2023! Can this be done with Canva Websites and if so how? Please help. I cannot see how I would add Tag Text from Google Ads or action the Conversion Measurement with the Canva Landing Page website.
I'm not sure if by not having these up and running whether my Google Ads will be shown to people?
I currently have links from my Canva Page which go to Google Forms to collect guest data.
Look forward to your insights.
Thank you,
Gary
The text technically looks bigger because of Canva Sans Font. Fonts will make text be different sizes even if they are set to a certain size.
Actually you can add links to the text and also the the button. Just click on text and add your link then click on the button and add the link
thank you for the valuable info, is it possible to get access to the source code? like copy the HTML and CSS of the design after publishing it maybe?
If you're using independent contractors to build your sites, do you think canva would be a good way to send them a template of what you want the site to look like, and then the contactor can build in WP, etc?
Idk the answer but that’s exactly what I planned to do.
Design myself in canva to illustrate the design I’d like to be built in webflow by a professional.
Good luck mate!
So as a primarily WordPress designer, can these Canva template files be uploaded to say, a HostGator account or does Canva do the hosting as well? Not understanding that part. Thanks
Anyone came across that the embedded UA-cam video shows up as half when previewing or publishing the website ? Cant seem to find a fix :(
I have a very silly question, cuz I'm new to it.
So when we make a web page, the buttons are working?
Thanks for this lovely video. It was very helpful for me even as a beginner. Hoping to be like you someday
*Webflow crying in the corner*
Haha, no reason to cry!
Hhhh
You missed something. When you click to preview the website as a mobile device at the top left there is a selected button that says “resize on mobile”. If you click to deselect it it will work and your text and images will not be moved to fit the screen. It works! You have to do your research! If anyone tries this out please comment and let me know how it goes.
Did this on a site I created today. Selecting the resize on mobile button works ish. It will resize the site but it’s not mobile responsive. It just scales the images to fit the mobile. Everything stays put but it does get smaller. Overall, I don’t mind it so much. I don’t have to pay for a website. I can just design inside canva.
As a 20+ year senior designer, Canva is an invaluable tool once you take the time to actually learn it and all its features. I wouldn’t recommend this video as a tutorial or know how as he was feeling himself around but it was still ok. Does it replace Photoshop, Indesign or Figma for me - not really but I find myself working in it more because I can use it from my phone and iPad when on the go.
Thanks for this video, Canva have improved now, I think.
Canva can now do multiple web design and link to different URLs of a same domain.
Regarding the element that was not appearing in the section-02, may be we have to duplicate the element and add in the section-02.
The padding error may be removed, when the rectangle are placed at the center of the page.
We can upload fonts and use any font in Canva.
hello, could you please explain how to do multiple web design and link to different URLs of a same domain? do I have to treat every subpage as a new project? or is there another way? thanks
@@salmaabdeldayem4592 Now there is an option to set a URL, when you publish the web-page design.
I am been using canva for soo many years, recently i have moved to words UI/UX design and i am actually using your videos and many others to learn Figma and Xd, and now you're are working on creating a website on Canva 😂😂😂
How about checkout? Can the customer pay on the site?
What software like canva would you suggest?
In this video, you delve into Canva's newly launched website building tool and explore its usability. ❗
It's great to see Canva expanding its features, and I'm excited to learn more about this website-building tool.
Your insights on whether it is user-friendly and if it allows for the creation of professional websites will be valuable.
As more and more people are looking for intuitive and accessible website design options, it will be interesting to see how Canva's tool measures up.
Looking forward to gaining insights from your video❗
bro sounding like chat gpt
Canva is the easiest platform available right now for creating content of any kind! I'm excited, it hasn't given me any trouble anywhere! Now, it has added artificial intelligence tools, also easy to use.
overlapping elements become fused and wont resize
custom menu bar is a disaster
it's Good for portfolio use
But can you link canva scheduler to WordPress yet???
Do you consider integrating it in your workflow? Until your video I did not even remotely open canva, even though a lot of „influencers“ promote it.
Good catch! :)
Yeah, I always stick to Figma when I create designs. I always start blank, unless I have an artist block.
Not for web design at the moment. For print / e-books, yes
just like publish a page on Notion, but in slide or PowerPoint way
You made a few mistakes buddy. For example you selected the text when you activated the link, that's why then the button works "strangely". If you had selected the background of the button it would have worked correctly.
Lo que dices de la colaboración es real. Lamentablemente nuestros softwares de trabajo como diseñadores son mas difíciles de manejar por personas que no trabajan con los programas y Canva es una solución para esto. Actualmente lo uso aún más de Figma y que los programa de Adobe para trabajar en equipo y la verdad funciona bien, es limitado con algunas cosas pero se pueden crear diseños bastante funcionales.
You may have figured this out by now, but; if you select both the text and the icon together, then select the link button, they will both work and you wont get the line.
How do you select both? I'm trying but can't seem to get it
It seems when I try to choose both it still gives the line
You can also select hyperlinked text independently and remove the underline attribute. It's a button grouped with font attributes at the top.
So there is ONLY one main page, no pages that aren’t also sections on the main page..? 🤦🏻♂️
👍👍👍Thank you 🎉🎉🎉
אלוף
awesome!!!!!!!!!!!!!
great video i have one issue: when i search on google for my website/company it showed like that
(Untitled
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.)
is not showing title or description but when i click it brings me normaly to my webpage, someone knows how to fix that?
Anyone know if you can you add a fillable form to website using canva?
I have used Google Forms to embed a fillable form.
👍
I deleted all my plan of Host. Canva its sensacional. But dont allow to add subdomain
There is a work around for creating multiple pages 😉
And what’s that
The tool doesn't matter
The result matters
You can, but it's so silly and slow.
Figma is 100x better and faster
You look like Ryan Reynolds with dark hair
for free is okay 😀
It's only RGB = not professional for business cards
The pro version allows CMYK.
Thanks for sharing!
How does the site appear on the phone?
🤔🤔🔴
It is responsive. When you create a Webseite with Canva you can let it show how It looks like on a mobil device.
Can you change the design for mobile to make it look more user friendly and responsive?
It is obvious you don't know how to use canva
This guy speaks sooo slowly that I had to speed up the video at 1.5 🙄
This guy have a amazing and cool voice nice to hear and is a great teacher, be thankful just that you can speed up this free tool and don't start with criticism before all other positives thighs you got for free, Absolutely Not Nice from You barbie Brenda ❤❤ remember be grateful
Hi ........... why don't you learn about the subject before you talk so much BS about it? This should be taken down.
Wow! This was a really bad video. Am not a expert web designer/builder, but the things you were "trying" to do were common thing you actually can do in Canva. This whole video is a smear campaign against Canva which is a great site full of amazing tools. Videos like this doesn't make me want to subscribe to your channel. It makes me stay away from it. Do better reach before putting all that work to create a video of lies. #Shameonyou