How To Make a Mobile-Friendly Website in Canva (Bonus Website Template)

Поділитися
Вставка
  • Опубліковано 17 лип 2024
  • In this video, you'll learn how to make a mobile-friendly website in Canva even if you aren't tech-savvy. I'll go through all the steps to creating a responsive, mobile-friendly website for your business so you can start selling your products and services. This is a complete Canva website tutorial showing you from start to finish how to make a mobile-first website for free.
    According to Statista mobile accounts for approximately half of web traffic worldwide. Based on my own website and audience analytics, about 55% of traffic use mobile. Business2Community quotes "Three out of four smartphone users use mobile search first for immediate needs." Which is why it's crucial to make a website that's mobile-friendly and responsive.
    🌟 Get a Canva account here: aurelius.link/canva
    👉 DOWNLOAD THE CANVA WEBSITE TEMPLATE
    As a little thank you for supporting this channel, I've made available the website template that I created in this tutorial. All you need to do is:
    1. Make sure you have a Canva account: aurelius.link/canva
    2, Go to aurelius.link/mobile-website-...
    3. Click on the "Duplicate" button to make a copy to your Canva account.
    4. Start creating your website!
    Do note, some of the elements/photos require payment or you can sign up for a 30-day trial of Canva Pro (aurelius.link/canva) which will be included.
    ▼ ▽ JOIN THE COMMUNITY - THE PRODUCTIVE DIGITAL CREATOR
    Join 10,000+ email subscribers who receive the latest tips and tutorials directly from me. Sign up is free: aureliustjin.com/newsletter
    ▶ GET 1-ON-1 COACHING: aureliustjin.com/coaching
    ▶ BUY ME A COFFEE and get 5 BONUSES: aureliustjin.com/coffee
    ................................................
    ▼ ▽ TIMESTAMPS
    00:00 - Introduction / What you'll learn
    01:06 - Pros and cons of using Canva websites
    02:05 - Get a Canva account
    02:24 - Open a new Canva template
    03:14 - Home page
    06:36 - Our Process page
    08:06 - Products/services page
    09:50 - Setup products to sell
    11:23 - About page
    12:33 - Contact page
    17:18 - Social buttons
    18:47 - A note on legal pages
    19:01 - Name each page
    19:29 - Publishing your website
    20:52 - Linking to other pages
    21:24 - Bonus Tip: How to use your own domain name
    ▼ ▽ LINKS & RESOURCES
    Canva Pro (30-day trial): aurelius.link/canva
    Payhip: aurelius.link/payhip
    Payhip tutorial: • Payhip Review and Payh...
    Typeform: typeform.com
    ................................................
    Disclaimer: Some of the links contain affiliate links, meaning I will earn a small commission when you purchase through my link at no additional cost to you. As an Amazon Associate, I earn from qualifying purchases.
    ▶ CONNECT WITH ME
    INSTAGRAM: / aureliustjin
    TIKTOK: / aureliustjin
    FACEBOOK: / aureliustjin
    WEBSITE: AureliusTjin.com
    PARTNERSHIPS & SPONSORSHIPS: partnerships@aureliustjin.com
    ❓Quick Poll: What topic would you like to see more of?
    |||||||||||||................. 41% ⭐ Digital products and marketing yt.strms.net/B6fYo
    ||||||||||.................... 31% ⭐ Productivity + self-improvement yt.strms.net/-jLUz
    |||||||||..................... 28% ⭐ Software and tech reviews yt.strms.net/GAyRz

КОМЕНТАРІ • 108

  • @AureliusTjin
    @AureliusTjin  2 роки тому +26

    Thanks for watching! Hope you enjoyed this one. As a little thank you for supporting this channel, I've made available the website template that I created in this tutorial. All you need to do is:
    1. Make sure you have a Canva account: aurelius.link/canva
    2, Go to aurelius.link/mobile-website-canva-template
    3. Click on the "Duplicate" button to make a copy to your Canva account.
    4. Start creating your website!
    Enjoy!

    • @ARSAMSUDEENS
      @ARSAMSUDEENS Рік тому +1

      Hey is your canva account a pro???....because I have no pro account and i cannot choose the website to be like a presentation or scrolling etc.....please give a solution

    • @xqp5503
      @xqp5503 Рік тому +1

      Instead of a CONTACT FORM this will work in the same way with FREEBIES or OPT-INS?🤔 IF it’s so, HOW YOU CAN SEND those EMAILS CAPTURED to your E-Mail Marketing Service?
      Somebody please, I am a newbie. Thanks!

  • @abhipatil4844
    @abhipatil4844 2 роки тому +17

    One of the best and honest channels on UA-cam bar none

  • @AllanBanks
    @AllanBanks 2 роки тому +6

    Always great vids, Aurelius. Straight to the point and calm

  • @phamp357
    @phamp357 2 роки тому +1

    Hi Aurelius - I hope all is well. Another insightful and valuable video! Thanks for educating everyone and have a great day!

  • @kotoanzuruni6967
    @kotoanzuruni6967 2 роки тому +11

    Thanks Aurelius for the tips and tricks to build in canva mobile website. You always bring value to me. I have learn lots of skills from you and be able to teach other as well.
    Keep up the good work.

    • @AureliusTjin
      @AureliusTjin  2 роки тому +1

      I’m glad to know that, Koto. More videos coming out!

  • @nineknives
    @nineknives 2 роки тому +1

    Hi Aurelius, Vince from Aura Partners here. Neat video, learn a lot from you. Cheers mate.

  • @angelrosetabirara3753
    @angelrosetabirara3753 2 роки тому +13

    The timing of this video in my recommendation is so good! Im about to create a blog and I like to make a real blog instead of an edited picture one, this is really a great video, it really helps in is very informative. The explanation is also step by step so it's easy to follow. Thank you for making this video! You deserve lots of subscribers!

    • @AureliusTjin
      @AureliusTjin  2 роки тому +1

      That’s really great to see, Tabirara. I appreciate your feedback.

  • @aveerajsharma
    @aveerajsharma 2 роки тому +4

    Already knew how to do most of that😇
    But you told me several new things
    Thanks for all of your work

  • @ouibelisamolinareyes7580
    @ouibelisamolinareyes7580 Рік тому

    Thank you very much, Aurelius! You always give the best!!!

  • @letsgoviral777
    @letsgoviral777 2 роки тому

    AWESOME! Thanks Aurelius.

  • @alexandrinahadjijekova4992
    @alexandrinahadjijekova4992 2 роки тому +3

    Thank you for your amazing tutorials!

  • @roweltancio5484
    @roweltancio5484 Рік тому

    Thank you! I am in the process of creating my online fitness website, this really helped out with ideas!

  • @azk4829
    @azk4829 2 роки тому +4

    Keep rocking dude as always ❤️💪

  • @elsybuligwa
    @elsybuligwa 2 роки тому +2

    This is awesome! Thank you very much!

  • @mingingerlondon
    @mingingerlondon 2 роки тому +3

    Aurelius, This was awesome! I really think this can work for me. I have an old website that is doing NOTHING For me (LOL). I am thinking about signing up for a coaching session with you. 🤔

  • @alyssafaye7385
    @alyssafaye7385 Рік тому

    This was so helpful, thank you!!

  • @TheInnovatrixAI
    @TheInnovatrixAI Рік тому

    Once again, Thank you Bruh ❤

  • @888dlstar9
    @888dlstar9 2 роки тому +2

    Great info I needed thanks 😊

  • @mrtaufikismail
    @mrtaufikismail 2 роки тому +2

    Thank you for this tutorial 👍

  • @thepaintedpose
    @thepaintedpose 2 роки тому +1

    Thank you! Your info is super helpful and your teaching style is easy to follow.

    • @AureliusTjin
      @AureliusTjin  2 роки тому +1

      Thanks so much! Glad it was helpful

  • @cdcmediagroup
    @cdcmediagroup 2 роки тому +2

    Very helpful video! Thanks man.

  • @prasannakumar8939
    @prasannakumar8939 2 роки тому +2

    Useful content 👏

  • @gmr9265
    @gmr9265 Рік тому +1

    Thank you for this great video Aurelius. It's the most thorough one I have seen :) The only thing that I'm curious about is and maybe you can answer - Would you consider this is replacement for an actual website? And if not, in what case would you direct people to this mobile-first site vs your actual website??? Thanks again!!

  • @heideveemunar4560
    @heideveemunar4560 2 роки тому +2

    Canva is very useful for me in editing, making presentations and invitations which I all discovered from your channel 😄. Maybe someday I will put up my own website. See u in ur next vid. Thank you 👍🙂

    • @AureliusTjin
      @AureliusTjin  2 роки тому

      Awesome Heidi! Thanks for watching

  • @StellaDavila
    @StellaDavila 2 роки тому +1

    Thank you so much!

  • @bryanpty
    @bryanpty 2 роки тому +2

    Wow this is awesome. And thanks for share.

  • @user-lm7us6oj9n
    @user-lm7us6oj9n 2 роки тому +2

    Thanks
    for
    sharing

  • @mridulverma684
    @mridulverma684 2 роки тому +3

    congrats for 100k subscribers

  • @elizabethantigua5912
    @elizabethantigua5912 Рік тому +4

    Thanks for this! Is there a way to duplicate a mobile and desktop version which resizes automatically depending on what platform the user is using? I am currently using Squarespace however, I feel the designing portion is a bit limited and am looking for something more custom like this.
    Thank you

  • @aditsyncify
    @aditsyncify 5 місяців тому

    the best bro.. !

  • @mansourmohammed_2024
    @mansourmohammed_2024 2 роки тому +1

    cool bro
    very useful

  • @VishnuAnnapareddy
    @VishnuAnnapareddy Рік тому

    Thank you so much....really useful.

  • @peace.n.blessings5579
    @peace.n.blessings5579 2 роки тому +1

    Bloody Marvellous 🤩 my students will love this project. Thank you for uploading this video.

    • @AureliusTjin
      @AureliusTjin  2 роки тому

      My pleasure 😊 Glad you liked it.

  • @sixchaulks
    @sixchaulks 2 місяці тому

    extremely helpful

  • @bigunhettiarachchi853
    @bigunhettiarachchi853 Рік тому

    So much of knowledge here

  • @ouibelisamolinareyes7580
    @ouibelisamolinareyes7580 Рік тому

    I would like to open an online garments store, a simple one. I'll try this resource you've given us.

  • @lutpio5343
    @lutpio5343 2 роки тому

    You’re the bestt

  • @sarahs8712
    @sarahs8712 Рік тому +1

    When I go to the mobile website section it doesn’t give me a publish option. I had to search for website option, but it does’t scroll like a real website… even when I select the scrolling option, it shows it in the presentation style. So can I copy the url and shorten it it bitly? Thanks so much for this info!

  • @jessicaaguiiar
    @jessicaaguiiar 2 роки тому

    Otimo conteudo!

  • @TJ-cg8mq
    @TJ-cg8mq 2 роки тому +1

    . According to this video - it seems that the cons out do the pros..!! Can you suggest other alternatives to Canva ie. Ones that allow you to add 'purchase' buttons..etc.?!

  • @techhelptostudy
    @techhelptostudy 2 роки тому +2

    Thank you sir. I am from India.

  • @kimcapies4276
    @kimcapies4276 2 роки тому +3

    Great tutorial Aurelius! So once we create as you did will customers be able to go straight to website or?

  • @jabezflores9138
    @jabezflores9138 2 роки тому +1

    wow!

  • @BahrainThamizhachi
    @BahrainThamizhachi 2 роки тому +2

    Nice Bro 👍👍👍👍

  • @marksaidso
    @marksaidso Місяць тому +2

    mobile website no longer listed as a thing in this anymore... if this video is 2 years old and canva is still horrible for websites then this means im ditching this service asap cuz this hasnt evolved at all in ages...

  • @An-yh2bl
    @An-yh2bl 2 роки тому

    I am not familiar with canva but can you add HTML & CSS eventually some functions with JS to your design?

  • @MohammedIbrahim-yj6qx
    @MohammedIbrahim-yj6qx 5 місяців тому

    Which is the best Google site or canva for dentist website

  • @TheMaritzaAhyee
    @TheMaritzaAhyee 3 місяці тому

    does it show up on desktop in the proper format when you use module first

  • @sixchaulks
    @sixchaulks 2 місяці тому

    Hey Aurelis. I commented before trying. Is there a reason why my pro canva version is not creating a website but a video instead when I click the mobile first website. If I go to make it a website it automatically converts it to a desktop version

  • @paulv5887
    @paulv5887 8 місяців тому

    Thank you so much for your great tutorial. I still run into a problem... I followed all your steps but it only give me option for desktop web publishing eventhough I have used the first mobile website option... I you can help me that would be awesome...?

  • @ezinnenjoku3626
    @ezinnenjoku3626 2 роки тому +1

    Hi Aurelius, Thank you for this video. Lovely name by the way. Can you upload blog posts on the Canva website?

    • @AureliusTjin
      @AureliusTjin  2 роки тому

      Thank you! At the moment, you can't. It would be a good idea so we can add dynamic content. You can, however, embed media such as your Twitter, Instagram, UA-cam, and Tumblr feed. Tumblr would be the closes thing to a blog.

  • @cretetheisland
    @cretetheisland 2 роки тому

    You can connect your domain as well. You got some instructions for A records, TXT and cnames. Then is connected after few mins maximum some hours.
    A question is that I couldn't find now the menu bar and the options for create menu and not one page website. Before months I did it but last days I am not able. Can you assist? I have the first level subscription

  • @oilofgladness3474
    @oilofgladness3474 9 місяців тому +1

    I do not have a “publish as website” button. Apparently after reading Reddit, I am not the only one having this issue. According to what some people are saying, it is a glitch on the side of Canva developers. Does anyone have any ideas to fix this problem?
    I have a small 7 page site

  • @dolananmu
    @dolananmu Рік тому

    Hi there, thank for this tutorial video, may i ask please, how to make Header H1, H2 and H3 for seo in canva? thank you

  • @mshopey32
    @mshopey32 2 роки тому

    Will the Canva “ create your own” links appear at the bottom of the published mobile-only website?

  • @estebanlopez5372
    @estebanlopez5372 Рік тому

    Hey it's possible to integrate it with something like mailchimp for example?

  • @gerliegarrido8651
    @gerliegarrido8651 Рік тому

    I tried to create one on desktop website version, hence I'm not seeing web style option of classif, scrolling and etc yet I'm subscribed to Canva Pro.

  • @LuvPeaceNGrease
    @LuvPeaceNGrease 2 місяці тому

    Is this still relevant? The option to publish as website doesnt exist anymore on mine :( Now I have to convert to website and it resizes it for desktop ughhhhh

  • @hiddengirl7171
    @hiddengirl7171 Рік тому

    @Aurelius Can we make a website for the product brand and sell it?

  • @casimirodasilvasantoshe-hi5797
    @casimirodasilvasantoshe-hi5797 2 роки тому

    It seems this feature is not available anymore, at least in the free version.

  • @Yanto_Rundy96
    @Yanto_Rundy96 2 роки тому

    Thanks for sharing Aurelius. What app do you use on screen recording?

    • @AureliusTjin
      @AureliusTjin  2 роки тому

      Screenflow. Check out all my gear and tools here: aureliustjin.com/tools

    • @Yanto_Rundy96
      @Yanto_Rundy96 2 роки тому

      @@AureliusTjin Well. Thanks Aurelius

  • @localbusinesspromotions7192
    @localbusinesspromotions7192 2 роки тому

    Is mobile first website template still available in Canva ? I have searched and all that is available is Bio website?

  • @storypanda_
    @storypanda_ 9 місяців тому

    I dont find option mobile website on canva?

  • @fitnessbynxd
    @fitnessbynxd Рік тому

    most of the mobile first templates cannot be published as a website, any idea why this happens?

  • @xqp5503
    @xqp5503 Рік тому

    Instead of a CONTACT FORM this will work in the same way with FREEBIES or OPT-INS?🤔 IF it’s so, HOW YOU CAN SEND those EMAILS CAPTURED to your E-Mail Marketing Service?
    Somebody please, I am a newbie. Thanks!

  • @eshandesilva
    @eshandesilva 2 роки тому

    How does it look on a Desktop?

  • @salmaabdeldayem4592
    @salmaabdeldayem4592 6 місяців тому

    thank you loads for this video! now I have a question: when we design the website using one of the Canva templates, this inserts multiple pages, and when I preview the website before publishing, it shows all of the pages one after another as if they all exist as a home page. Are they going to be separate pages when I publish it? I need them to be separate and only show when the user is directed to them. Thank you.

    • @jenjp9496
      @jenjp9496 6 місяців тому

      Hi, you need to press on the ‘Hide page’ (it looks like an eye on top of each page) then only the page that are unhide will appear. Hope it helps

  • @audrir1290
    @audrir1290 Рік тому

    Do you know how to redirect someone back to Canva website on mobile from an external Link

  • @bmpro292
    @bmpro292 2 роки тому +1

    Thank you for this amazing video. But I have a question. After creating this amazing website, how then to create blog post?

    • @AureliusTjin
      @AureliusTjin  2 роки тому +1

      At the moment you can’t create a blog unfortunately.

  • @ahmadmerei7979
    @ahmadmerei7979 2 роки тому +1

    Is it easy to setup payment gateway?!
    Does canva supports Arabic language?!

  • @MissCryptoNL
    @MissCryptoNL Рік тому +1

    Looks like this isn't possible anymore... :(

  • @othmanefathallah1755
    @othmanefathallah1755 Рік тому

    I liked very the last part where he told us how to convert canva.. to bit..

  • @aveerajsharma
    @aveerajsharma 2 роки тому +3

    Quick tip : First used to also insert a rectangle and decrease the transparency of it to make the text and image look good together.
    But if this happens again nd again, then you can first delete the background image, then change the color of the canvas to dark. Then out the image again, and now everyone you can just insert the image and decrease the transparency of it

    • @AureliusTjin
      @AureliusTjin  2 роки тому

      Yes, that’s another way. Good tip. You could also use some of the image adjustments to add less brightness, saturation, etc.

    • @aveerajsharma
      @aveerajsharma 2 роки тому

      @@AureliusTjin yeah

  • @storypanda_
    @storypanda_ 9 місяців тому

    Website template on canva is landscape i dont find any vertical like u

  • @OriginalDaaku
    @OriginalDaaku Рік тому

    Hello great video but i have a query pls tell can you give me that file that you uploaded on payhip

  • @hinazaman2068
    @hinazaman2068 Рік тому

    I AM NOT UNDERTSANDING WILL CANVA DO HOSTING?

  • @user-cg4qs9sv8c
    @user-cg4qs9sv8c Рік тому

    Is it website responsive in any device?

  • @empoweredby_spirit
    @empoweredby_spirit 2 роки тому +1

    hey Aurelius ! can I add my Calendly ?

    • @letsgoviral777
      @letsgoviral777 2 роки тому

      I have the same question. Did you ever find out?

  • @Cacoolastories
    @Cacoolastories 2 роки тому +1

    Thank you. How many sites can i creat with canva- and how can i change the free canva link ?

    • @AureliusTjin
      @AureliusTjin  2 роки тому

      You can create as many from what I know. You could register your own domain name and have it redirect to the Canva site. You'll see what I mean when I explain it at 21:24. Otherwise, Canva recently announced their "Canva Sites".

  • @katekatrinaro
    @katekatrinaro 9 місяців тому

    I guess this is already invalid. No more mobile only websites

  • @motionmuse5684
    @motionmuse5684 10 місяців тому

    Desktop looks great....but,. Mobile a hot mess. Which it was easier to be congruent

  • @prassistant4286
    @prassistant4286 2 роки тому +1

    Hello! Check the email (and spam) with a letter of cooperation (Gglot)

  • @gilberto5999
    @gilberto5999 Рік тому

    I cant find this mobile option on my canva.