Webflow CMS for blogs and portfolios - step by step guide

Поділитися
Вставка
  • Опубліковано 10 січ 2025

КОМЕНТАРІ • 112

  • @carlossoares1727
    @carlossoares1727 Рік тому +5

    Very nice video Kayla! Love the way you explain things, looking forward to see you building more in Webflow!
    Thanks for sharing!

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so happy it was clear and helpful! It's great to get your feedback on what videos to make next, I will make sure to include more Webflow tips 🙌

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

    I'm a beginner and I love how easily you helped me understand this. Thank you!

    • @Kayla-app
      @Kayla-app  2 місяці тому

      That makes me so happy to hear! 🙌 Thank you for watching

  • @vinaychouhan3048
    @vinaychouhan3048 10 місяців тому +1

    Very nice ! Love the way you explain things.
    Thanks for sharing!

    • @Kayla-app
      @Kayla-app  10 місяців тому

      I'm so glad you found it helpful! :) Thank you for watching 👐

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

    Thank you. You explained the CMS patiently and methodically. The fog is clearing! 😀

    • @Kayla-app
      @Kayla-app  5 місяців тому

      Oh how nice! I love when you get past the technical and can start designing 😊

  • @Sponsi_PL
    @Sponsi_PL 9 місяців тому +4

    12:20 I don't have those options, how do you open them? I only have the right panel options but only 4 or 5 options and idiocies like "something's color".

    • @DianaAranaBadillo
      @DianaAranaBadillo 7 місяців тому +1

      same here! Did you fix it?

    • @camilagressi8908
      @camilagressi8908 3 місяці тому +1

      HELP I HAVE THE SAME

    • @carlosaldana7817
      @carlosaldana7817 Місяць тому +1

      I have the same problem,

    • @zoebonny1780
      @zoebonny1780 23 дні тому

      Help us !!! :(

    • @zoebonny1780
      @zoebonny1780 23 дні тому +1

      I finally found it!!! When you click on the text you have the substitution text with a small purple circle, click on the small purple circle then choose the text you want to automate !!! ;)

  • @SamarthRS-te5xm
    @SamarthRS-te5xm 7 місяців тому

    Thank a bunch for this video Kayla! This literally helped me build a blog from scratch

    • @Kayla-app
      @Kayla-app  7 місяців тому

      That is great! Thank you for letting me know and I'm so happy it was helpful 🙌

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

    Thanks a lot for this video! I think it's one of the best out there for creating CMS collection pages on Webflow. I've come back to this multiple times during my project - super helpful!

    • @Kayla-app
      @Kayla-app  Рік тому

      That is so nice to hear! 😊 I'm so happy it was helpful 🙌

  • @stevenp6761
    @stevenp6761 4 місяці тому +1

    I've tried watching the Webflow University CMS course about three times, but I kept giving up because the explanations were poorly done. The content felt superficial, just offering "snippets" without much depth, like clicking here and there. They are focusing too much on being funny, but it is distracting when it comes to complex ideas. In contrast, I understood the entire concept of Webflow's CMS after watching this video just once, and I made my blog template in about 30 minutes. Thank you so much-I really mean it. Thank you!

    • @Kayla-app
      @Kayla-app  4 місяці тому

      Oh I'm so glad to hear that the video was helpful! 😊 Good luck with your project 🙌

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

    Superb! This really helps me make my CMS collection live! Thx so much!

    • @Kayla-app
      @Kayla-app  5 місяців тому

      I'm so happy to hear that! 😊 Good luck with your site!

  • @mob.4301
    @mob.4301 8 місяців тому

    Hi, I just wanted to thank you because your video helped me a lot. Your contents are very interesting.

    • @Kayla-app
      @Kayla-app  8 місяців тому

      I'm so happy to hear that! :) Just let me know if you have any questions at all!

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

    Great tutorial, thanks for all the tips Kayla!

    • @Kayla-app
      @Kayla-app  Рік тому

      You are so welcome! Thank you for watching 🙌

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

    Thanks Kayla very clear and easy to follow tutorial!

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so happy it was helpful! 🙌

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

    Very helpful and clearly explained - thank you! Do you have a link/tutorial on how to add in the righthand column that persists on every page? I'd like to add in a short bio and links to other blog posts.

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

    SUPER HELPFUL! Thanks!! Keep up the great work:)

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

    A great video, followed it step by step and everything worked. Thanks!!👏

    • @Kayla-app
      @Kayla-app  2 роки тому

      That is great! I hope you will enjoy using the CMS, it is so practical once you get used to it 😊 🙌🏽

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

    Thank you very much. This video was a lifesaver! You are great at explaining things.

    • @Kayla-app
      @Kayla-app  Рік тому

      Oh I'm so happy to hear that! 😊 I'm so glad you enjoyed the video 🙌

  • @franci-uz
    @franci-uz Рік тому +1

    perfect video! How can I add Tags / Categories instead of the Date? I know how to add one category per Blog post, but not how to add many, because flexible CMS options arent shown. Do you have a video on this?

  • @10XbigGERDigital
    @10XbigGERDigital Рік тому

    Brilliant tutorial! Thank you!

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so glad! Just let me know if you have any questions 😊

  • @mw5145
    @mw5145 4 місяці тому

    You did a very good job. Thank you

    • @Kayla-app
      @Kayla-app  3 місяці тому

      You are so welcome! 😊 Thank you for watching 🙌

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

    I will learn how to use CMS Basic. I sure understand.

    • @Kayla-app
      @Kayla-app  2 місяці тому +1

      So happy you found it helpful! 😊

  • @michaeldmarkham
    @michaeldmarkham Місяць тому

    Super helpful!

    • @Kayla-app
      @Kayla-app  27 днів тому

      So happy you enjoyed it! Thank you for watching 🙌

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

    Thank you! Very helpful.

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

    Very easily explained. thanks

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so happy you found it helpful!

  • @Brian-Official-Selfmade
    @Brian-Official-Selfmade 9 місяців тому

    Good job, I am not seeing the blog post “get text” feature when making the page. Any tips or suggestions would help. (Status: not staged published)

  • @dian.romanenko
    @dian.romanenko 7 місяців тому

    Hello Kayla! Thank you so much for such good content. I want to create my own images and add them to my blog articles. Can you please recommend the size for the images?

    • @Kayla-app
      @Kayla-app  7 місяців тому

      Hi! I usually go with 1280 x 720 (the same as a UA-cam thumbnail) because it has the 16:9 ratio that is used for a lot of screens. If you notice that the file size get a bit big, try halving both or export at a lower resolution. I hope that helps 😊

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

    When I try to add header to this (from our main site) it says it cannot be added to the section...

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

    thank you, this was a nice lessons!!

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so happy to hear that! 😀

  • @cortesvictorh
    @cortesvictorh Рік тому +2

    For some reason when I convert the div block into a link block it changes the dimensions of some of the elements. I can't seem to convert to link without it changing the entire design.

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

      set the width to 100%

    • @OulijahBruno
      @OulijahBruno 3 місяці тому +1

      @@Qxach Needed this.

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

    Hi Kayla, you inspired me to build my own blog. But, I have a several question, first, when I drag text-block and wanna fill it with my created-on variable, there's no choice like that. And when I try to fill Headline using title from my cms Title variable, also there's no choice for that. May you help me? I've been confused for a day. Because the hero image itself, can use from cms.

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

    Shoudl we create a spearate imag for thumbs to not blow up page size with hero preview loads?

  • @magaliOULLIE
    @magaliOULLIE 7 місяців тому

    Thanks I have a problem when I do link div block and that I select in settings Current Blog Post new it open on nothing. How it is possible to open on a new page ? Thank for your help

  • @binaryatlas
    @binaryatlas 11 місяців тому

    I am new to web flow. When I pick the image for the div tag it cuts the image off. Can you make the image resize to the div tag?

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

    thank you, you helped me a lot 💜

    • @Kayla-app
      @Kayla-app  7 місяців тому

      I'm so glad to hear that! 😊

  • @lamouralice4533
    @lamouralice4533 11 місяців тому

    1:11 starting

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

    Thanks alot...❤
    It is really helpful....

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so glad to hear that! 🙌

  • @NicolasPalacioSanchez
    @NicolasPalacioSanchez 14 днів тому

    Thank you so much!

    • @Kayla-app
      @Kayla-app  14 днів тому

      You are so welcome! :)

  • @ElementarySoul-b5q
    @ElementarySoul-b5q Рік тому +1

    Very nice video. So much better than the webflow university videos. I had a question... I am unable to get the vertical blocks i tried so many options but just not getting the vertical blocks and if i get either its not pasting side to side. It is also appearing as a small block instead of the one you showed

    • @Kayla-app
      @Kayla-app  Рік тому

      Hi! I'm so happy you enjoyed the video 😊 It sounds like it could have to do with the alignment settings and for the size, does it change if you make the column size bigger in the size settings? Sorry I can't give a more exact answer, it is a little hard to say without seeing the screen. Hope that helps! 🙌

    • @ElementarySoul-b5q
      @ElementarySoul-b5q Рік тому

      @@Kayla-app it doesnt change even if i chnage the size setting. Its like one static horizontal box

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

    So the collection's name is Blog and it's url is blog.
    Why do we see /optimist/post, and not /blog/post in url?

  • @ahmada.shaheen9008
    @ahmada.shaheen9008 11 місяців тому

    Good job, I have a question.. Is It possible to create a pre-designed customized dashboard or control panel to add articles other than Webflow dashboard?!

    • @Kayla-app
      @Kayla-app  10 місяців тому

      Great question, are you thinking like a dashboard that makes it easier for clients? In my experience, it is quite an easy learning curve. You can set aside a little bit of time at the end of a project to show them. Other than that, I am not sure if you can build your own, I am more on the design side, but check with the Webflow community 😊

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

    So what about the first thing you were saying with that some blog post have images some haven't. Can you just leave one item empty and then it doesn't show on the blog page? How is it flexible? At my company we have blog posts where some are very different then others, for example some only have some text with a video and some have a large text with a lot of images. How does that work?

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

      I have the same questionn😢🙃!

    • @Grieszz
      @Grieszz 11 місяців тому

      I know now you can turn items on/off if you add a button to the cms collection@@marielnc4457

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

      Think you should crate a different CMS for those category of posts

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

    Jess can change yr life ❤

  • @markus8658-s2d
    @markus8658-s2d 10 місяців тому

    👍👍 It looks better than wordpress and squarespace ! I see on their price plan pages are limited do they have a limit on blog posts too when you do a lof of blogging every day ? Happy Friday !

    • @Kayla-app
      @Kayla-app  10 місяців тому

      I really like it! :) Their site plan specifies the number of CMS pages, for example their 23 dollar a month plan comes with 2K CMS items and the 39 dollar plan has 10K :) You might need to pay for a Workspace plan as well, depending on your needs. They have some good articles about it on their website. Good luck!

  • @mob.4301
    @mob.4301 8 місяців тому

    thanks a lot you really helped me

  • @alextatar-fr6bj
    @alextatar-fr6bj Рік тому

    hi! Thanks for your super fast reply! I expressed myself wrong, I meant the 5 sample posts did you have them made in Excel, Word and saved as a CSV file and then upload them to the samples? (Same as Lucian Tatar 😂)

    • @Kayla-app
      @Kayla-app  Рік тому +1

      In my case, I write all the text in a Google doc and then copy and paste it into each field one post at a time. If you have a lot of blogs from a previous site for example, you can use a csv file just like you mentioned. I have not done that before so I'll add a link here to Webflow's own page on this. Hope this helps!
      webflow.com/feature/csv-import

    • @alextatar-fr6bj
      @alextatar-fr6bj Рік тому

      @@Kayla-app thanks so much! Now is clear

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

    NIce! How do you host your blog?

  • @aayushguptaaa
    @aayushguptaaa 7 місяців тому

    it is not working for me and I'm unable to figure it out please help!!

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

    Hey! When You Created sample iems fow did you upload them? did you have them on a csv file, excel and just import?

    • @Kayla-app
      @Kayla-app  Рік тому

      Hi! The sample pages are an automatic option that Webflow creates for you. In other words, you can choose to start with a number of sample pages that you can later remove. This helps when you design the pages for the CMS since you can better see what is happening. Does that make sense? Let me know if I didn't answer your question and I will try to help 🙌

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

    Hi Kayla I need to add a template to my CMS plan, but it's impossible for me. When I select a template, it creates a new site, but outside of my CMS plan. Is there any solution for this?

    • @Kayla-app
      @Kayla-app  Рік тому +1

      I'm sorry you are having troubles, this is probably more of a question for the Webflow team. I hope you get it resolved!

  • @MdMoniruzzaman-r2v
    @MdMoniruzzaman-r2v Рік тому

    Thank You So Much🥰🥰🥰

    • @Kayla-app
      @Kayla-app  Рік тому

      You are so welcome, I am glad it was helpful 🙌

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

    why You dont showing navigator panel??

  • @オクムラタク
    @オクムラタク Рік тому

    Thanks Kayla

    • @Kayla-app
      @Kayla-app  Рік тому

      You are welcome! I'm so happy you enjoy the videos 🙌

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

    Hey great video, would appreciate it if the background music was a little quieter so we can hear your better. Thank you

    • @Kayla-app
      @Kayla-app  8 місяців тому

      Hi! That is great feedback, thank you :) We have tried to do this for our newer videos so I hope those work better. I'm so happy you enjoyed the video!

  • @krugu1
    @krugu1 5 місяців тому +1

    NIce tutorial, but why are you designing everything with pixels? Thats awful for responsiveness and accessibility :D

    • @Kayla-app
      @Kayla-app  5 місяців тому

      Great point! Thank you for letting me know about the accessibility, that is really important. I actually did switch how I do it so it is nice to get that confirmation 😊 🙌

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

      @@Kayla-app U can look up ,fluid responsiveness‘ by Finsweet :) It’s a really good best practice

    • @Swifman622
      @Swifman622 4 місяці тому +1

      As someone new to all of this, what would you suggest instead?

    • @krugu1
      @krugu1 4 місяці тому +1

      @@Swifman622 There are various approaches. The best one that also considers accessibility is in my opinion to use the measure REM in combination with the Finsweet Fluid responsive generator. For properties like line height I’d use unit less parameters. In Webflow you can type for example 1.4- and then enter in the field to transform global classes such as All Headings into a unitless parameter

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

    What country is Kayla from? I spy an accent.

  • @a.kstudio4301
    @a.kstudio4301 7 місяців тому

    😘😘😘😘

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

    great video, informative and very well put. Consider me a subscriber

    • @Kayla-app
      @Kayla-app  Рік тому

      I'm so happy to hear that! 😊 Welcome to our creative community!

  • @createdbychele
    @createdbychele 8 місяців тому +1

    You didnt even finish the page.

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

    webflow is as amateurish as canva.
    endless marketing funds keep pushing these tools in front of people's eyes and because people are sheep, they buy.
    webflow makes both the amateur and the professional developer's life much more difficult.

    • @ga7741
      @ga7741 11 місяців тому

      Wrong. It's an incredibly powerful tool when understood and used correctly.

    • @eotikurac
      @eotikurac 11 місяців тому

      @@ga7741 show me one website you made in that broken pos hell hole you called incredibly powerful.

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

    Miss kayla
    From where I can download the icon or tamplete ???
    please could you share your email with me ?