Ryan Hayward
Ryan Hayward
  • 52
  • 318 011
Make Money with Framer | Course Trailer
Enroll now 👇
framercareercourse.com/
The complete course on building & scaling a Framer business. Learn to make more money and become a more valuable Framer designer.
In this course, you will learn everything to build and grow a serious Framer venture, from launch to scale. From selling sites to clients, to growing a team, this is the program for those willing get serious about Framer.
I can't wait to see you in there!
Ryan ✌️
Переглядів: 732

Відео

Framer Tutorial: Build E-Commerce Sites in Framer (Shopify)
Переглядів 1,9 тис.7 годин тому
Frameship plugin 👇 www.framer.com/marketplace/plugins/frameship 5sty6o8n22smpbcb4oypsggk6 Frameship website 👇 frameship.io/ In this Framer tutorial, I teach you how to build an ecommerce website in Framer with Shopify. The tutorial uses the Frameship plugin on the Framer marketplace. Got any questions? Drop them below! Your Framer teacher, Ryan ✌️
Framer Tutorial: Creating Bento Grids
Переглядів 1,4 тис.День тому
Framer Masterclass 👉 ultimateframercourse.com/ Duplicate this project: framer.com/projects/new?duplicate=myYPawSahoNs75rSviD3 In this Framer tutorial, I teach how to build a bento grid in Framer. Got a question? Drop it below! Love ya all, Ryan ✌️
Learn Framer in 18 Minutes (Crash Course) 2024
Переглядів 7 тис.Місяць тому
Duplicate this project in Framer: ultimateframercourse.com/crash-course Enroll in the Ultimate Framer Masterclass (on sale) 👇 ultimateframercourse.com/ In this Framer tutorial, I share a crash course on the fundamentals of Framer. Learn sizing, positioning, layout, breakouts and more in this Framer tutorial. Got any questions? Fire away in the comments 🔥 Want more Framer power ups? insertframe....
bts: building a Framer business
Переглядів 1,7 тис.Місяць тому
In this video, I share a behind the scenes look at running our Framer led business, Insert Frame. We build products & education for Framer and in this series we're bringing you on that journey with us. Learn more about Insert Frame 👇 insertframe.io/ Let me know if you want more of this type of content! - Ryan :)
Framer Tutorial: CMS References
Переглядів 1,8 тис.Місяць тому
Get Framer power ups: insertframe.io More on Framer Plugins: framerplugins.io In this Framer tutorial, I teach how to use the new Framer CMS reference multi reference field. Got a question? Ask below :)
How to use Framer Plugins (NEW)
Переглядів 1,3 тис.Місяць тому
In this Framer tutorial I share how to use the new Framer Plugins! My top plugins 👇 1. FramerForms (www.framer.com/marketplace/plugins/framerforms/) 2. Thenty (www.framer.com/marketplace/plugins/thenty/) 3. Ditter (www.framer.com/marketplace/plugins/dither/) All plugins: www.framer.com/marketplace/plugins More on Framer Plugins: framerplugins.io/ Enjoy! :)
Framer Tutorial: Parallax Hover Effects Made Easy
Переглядів 8142 місяці тому
Learn how to create eye-catching parallax hover effects in Framer led by ‪@framer.university‬ In this tutorial, we'll cover: - Setting up your Framer project for parallax effects - Designing a parallax hover effect from scratch - Best practices for smooth and responsive animations - Tips for making your designs more interactive and engaging Take your Framer skills to the next level and impress ...
Framer Tutorial: Custom Video Players
Переглядів 1,3 тис.2 місяці тому
Get VideoFrame 👉 videoframe.io In this Framer tutorial, I teach how to create custom branded video players in Framer that works with HTML, URL, UA-cam or Vimeo. Customise UA-cam videos in Framer Customise Vimeo videos in Framer Customise HTML videos in Framer Want more Framer goodies? 👇 insertframe.io Ryan ✌️
Framer Tutorial: Animate Buttons Like a Pro
Переглядів 2,6 тис.3 місяці тому
Unlock the power of Framer with this in-depth tutorial on button animation, led by @framer.university In this tutorial, we'll cover: - Setting up your Framer project - Designing a basic button - Adding interactive animations - Tips and tricks for smooth animations Power up Framer Projects 👉 insertframe.io Lots of valuable insights in this video - hope you enjoy. - Ryan :)
Framer Tutorial: Add light / dark mode to your site
Переглядів 3,7 тис.5 місяців тому
Ultimate Framer Masterclass 2.0 👉 ultimateframercourse.com/ In this Frame tutorial I share how to create a light / dark mode toggle for your Framer website. Ask any Framer questions below and I'll try my best to get back to them! :)
Framer Tutorial: Scroll Sections
Переглядів 8 тис.5 місяців тому
Ultimate Framer Masterclass 👉 ultimateframercourse.com/ More Framer goodies 👉 insertframe.io/ In this video, I share a Framer tutorial on how to use scroll sections. I also share how to add a "scroll to top" button inside your Framer site. Enjoy!
Ultimate Framer Masterclass 2.0 | Course Trailer
Переглядів 1,9 тис.6 місяців тому
Enroll now 👉 ultimateframercourse.com/ About the course: Master Framer and become a more valuable designer. The end-to-end ultimate Framer masterclass course. Level up and get paid more for becoming an expert at building beautiful websites with no-code. In this course, you will learn everything from the fundamentals of layouts, sizing, positioning - to mastering Framer animation and selling Fra...
Building your first Framer site (Crash Course)
Переглядів 13 тис.6 місяців тому
Get the Ultimate Framer Masterclass 2.0 (coming soon): ultimateframercourse.com/ In this video, I share my live workshop with the official Framer Community on building & publishing your first Framer site. Got any questions? Ask below! Custom forms for Framer 👉 framerforms.com/ More Framer power-ups 👉 insertframe.io/
Framer Tutorial: CMS Pagination
Переглядів 2,1 тис.7 місяців тому
Framer Tutorial: CMS Pagination
Learn the Framer CMS in 10 minutes! (Crash Course)
Переглядів 19 тис.7 місяців тому
Learn the Framer CMS in 10 minutes! (Crash Course)
Framer Tutorial: CREATIVE Custom Cursor Effect
Переглядів 3,3 тис.7 місяців тому
Framer Tutorial: CREATIVE Custom Cursor Effect
Do this to become a Framer expert
Переглядів 2,2 тис.7 місяців тому
Do this to become a Framer expert
I interviewed the founder of Framer
Переглядів 1,7 тис.8 місяців тому
I interviewed the founder of Framer
Framer Tutorial: Add file uploads to forms
Переглядів 4,2 тис.8 місяців тому
Framer Tutorial: Add file uploads to forms
Conference for Framer creators (free) | Official Trailer
Переглядів 5859 місяців тому
Conference for Framer creators (free) | Official Trailer
5 Time Saving Tricks Every Framer Designer Should Know
Переглядів 2,4 тис.9 місяців тому
5 Time Saving Tricks Every Framer Designer Should Know
Scroll Variants Made This POWERFUL Framer Effect (Tutorial)
Переглядів 4,2 тис.10 місяців тому
Scroll Variants Made This POWERFUL Framer Effect (Tutorial)
Do NOT make these Framer template mistakes...
Переглядів 3,9 тис.10 місяців тому
Do NOT make these Framer template mistakes...
BEST 6 Framer Updates of 2023
Переглядів 69811 місяців тому
BEST 6 Framer Updates of 2023
Framer Tutorial: Multi Step Forms
Переглядів 3,8 тис.11 місяців тому
Framer Tutorial: Multi Step Forms
This tool builds sitemaps with AI 🤯 (Octopus.do)
Переглядів 2 тис.11 місяців тому
This tool builds sitemaps with AI 🤯 (Octopus.do)
Create custom forms in Framer
Переглядів 15 тис.Рік тому
Create custom forms in Framer
Top 5 tools for Framer
Переглядів 8 тис.Рік тому
Top 5 tools for Framer
Framer Tutorial: Add MOTION With Lottie Animations
Переглядів 4,8 тис.Рік тому
Framer Tutorial: Add MOTION With Lottie Animations

КОМЕНТАРІ

  • @brighterrdesign
    @brighterrdesign 4 години тому

    Look I get it.. we're all trying to come up with creative ways to make money online, but do we really need a Shopify Plugin for Framer?? I don't think so

  • @aamish.iqbal01
    @aamish.iqbal01 5 годин тому

    I want to buy Ultimate Framer Masterclass. It's very expensive. Can I get any discount?

  • @igarun2283
    @igarun2283 8 годин тому

    These available online courses?

  • @farhansheikh3225
    @farhansheikh3225 12 годин тому

    free?

  • @thevikingsock8527
    @thevikingsock8527 15 годин тому

    in FRAMER xD? To be constantly charged for klicks and traffic by framer holding ur shop hostage? Ehm ... no, thank you.

  • @Sergei-Chyrkov
    @Sergei-Chyrkov 16 годин тому

    Hey! I didn’t understand one thing, is there a way a have customer profile section add pull all the data about his purchases or we just get parser of the products and link to payment from Shopify?

  • @timothykewoyong6886
    @timothykewoyong6886 19 годин тому

    This was really helpful, Thank you man

  • @boxfox007
    @boxfox007 21 годину тому

    Is this your plugin? How much you charge for it? With chat GPT or Claude you can build such a plugin that is basically just a hook with some basic stuff to design. I don’t get this plugin. I mean I don’t see any benefit using it and building basically 2 websites on 2 different platforms, just to be able to have a bit of custom design options. 🤷🏻‍♂️

  • @Muzamalhussain155
    @Muzamalhussain155 День тому

    🔥

  • @charlesassi6215
    @charlesassi6215 День тому

    How to deliver web site to my clients? I live in Italy, thank you for videos they help me a lot to building site without single line code...

  • @muhammadbacar6051
    @muhammadbacar6051 День тому

    Will this course help me find clients abroad because I live in France precisely in Paris and not many people know about Framer so it is kind of difficult selling Framer sites over here.

    • @ryanhayward3488
      @ryanhayward3488 День тому

      It's hard for me to relate or give an exact answer, but the methods we teach in the course are remote first. Meaning, it doesn't matter where you sit on the map you can still find framer clients. Am a bit believer in this.

    • @muhammadbacar6051
      @muhammadbacar6051 День тому

      @@ryanhayward3488 I see. So as an australian Framer Designer where do you usually get your clients ? Abroad or directly from your country ? If a huge amount of clients that I can attract are from abroad thanks to this course that shows your methods it could be huge for my business as I won't need to find clients in my country.

    • @muhammadbacar6051
      @muhammadbacar6051 День тому

      @@ryanhayward3488 I see but as an Australian do you most of your clients come from abroad or from your country ? Because if your course can help me just get clients abroad it could be very useful for my business as I won't need to only search for clients in french speaking countries. I am both comfortable speaking English and French.

    • @muhammadbacar6051
      @muhammadbacar6051 20 годин тому

      @ I understand but if this course truly aims to find international clients abroad it could be great. Just want to know something real quick. Do your clients usually come from abroad or are they from your country ?

    • @ryanhayward3488
      @ryanhayward3488 11 годин тому

      @@muhammadbacar6051 Usually abroad, mostly because of my global reach though. You get clients where you market.

  • @chin2826
    @chin2826 День тому

    so exciting!

  • @KD-tp6er
    @KD-tp6er День тому

    I'd only really trust an official integration

    • @ryanhayward3488
      @ryanhayward3488 День тому

      Why's that?

    • @boxfox007
      @boxfox007 21 годину тому

      @@ryanhayward3488double the work with your plugin. When will this course nonsense stop. Honestly. Everyone cry’s about Tate but everyone wants to charge for courses.

  • @daliafatima8463
    @daliafatima8463 2 дні тому

    Wow!!! Amazing...Thanks for this amazing tutorial

  • @alexandarasenov6776
    @alexandarasenov6776 2 дні тому

    I was looking for simple explanation for days and here I find your video. Thanks a lot!

  • @MieszkoNowacki
    @MieszkoNowacki 2 дні тому

    Awesome :) Thanks for sharing! Is the Shopify checkout page also customizable (so it matches the rest of the shop)?

    • @ryanhayward3488
      @ryanhayward3488 День тому

      unfortunately not right now!

    • @MieszkoNowacki
      @MieszkoNowacki День тому

      @@ryanhayward3488 That's okay, thanks for the info :) It's great to see ecommerce in framer possibilities grow. :)

  • @kusaludhara9650
    @kusaludhara9650 2 дні тому

    Great plugin! Can we create templates using this?

  • @MACH_SDQ
    @MACH_SDQ 2 дні тому

    Goooooood

  • @KallanHinkle
    @KallanHinkle 2 дні тому

    This was so helpful! I'm thinking of switching from WordPress/Elementor Pro to Framer but I am a little nervous about the blog aspect. On the Framer site, it says they have CMS, but it seems like it's not as great. I also plan to have downloadable content on the site, so I'm not sure if Framer can do that well. Any advice?

  • @thebelguinha
    @thebelguinha 2 дні тому

    How about when login and account creation for users like on Shopify stores? How does this work?

    • @ryanhayward3488
      @ryanhayward3488 2 дні тому

      We're planning a Thenty.io integration super soon to bring login / dashboards to your ecommerce site.

  • @Marrvmastery
    @Marrvmastery 2 дні тому

    Thanks for the tutorial.

  • @BuildwithOmar
    @BuildwithOmar 2 дні тому

    Holy plugin!

  • @DaveRuffino
    @DaveRuffino 2 дні тому

    This is cool and all… but what’s the point of us “paying” for two platforms or using two instead of just going directly with Shopify?

    • @thebelguinha
      @thebelguinha 2 дні тому

      That's not hard to answer man... Maybe designing without code? Or just having more freedom to create animations and better experience web store?

    • @ryanhayward3488
      @ryanhayward3488 2 дні тому

      Good reply already, but yeah - the value is to build with no code and the customisation of framer, yet the functionality of Shopify. And it's not a subscription so its just a one-off cost.

    • @cianpal
      @cianpal 2 дні тому

      @@ryanhayward3488 Which one is the one-off cost? This is great but how do we convince clients to build with framer, shopify, and a plugin, when they could do it on one platform and one subscription in Shopify? Thanks for the video by the way!

    • @boxfox007
      @boxfox007 21 годину тому

      ⁠@@ryanhayward3488is the plugin for free? What do you mean by one-off cost?

  • @ethanjadams
    @ethanjadams 2 дні тому

    Excellent Video thank you Ryan

  • @luxlu3690
    @luxlu3690 2 дні тому

    this is definitely a game changer!!

  • @JakeCooper729
    @JakeCooper729 2 дні тому

    How often would you have to sync between shopify and framer’s cms? Only when new products are added, or for all inventory changes?

  • @muhammadbacar6051
    @muhammadbacar6051 3 дні тому

    Liked the before even watching it 😁. Frameship is gonna bring us to a whole other level !

    • @ryanhayward3488
      @ryanhayward3488 2 дні тому

      Can not wait!

    • @muhammadbacar6051
      @muhammadbacar6051 2 дні тому

      @ It would be cool if you added in your Framer Course a full and detailed tutorial of you building an ecommerce website from scratch with the plugin.

    • @ryanhayward3488
      @ryanhayward3488 2 дні тому

      @@muhammadbacar6051 yep it's planned!

  • @AkinsRealm
    @AkinsRealm 3 дні тому

    New Framer tutorial from Ryan Hayward woohooo 🎉

  • @KyraConyers-f2w
    @KyraConyers-f2w 7 днів тому

    Thanks for the video! I'm working on creating a slideshow in Framer using my CMS collections. I set up a separate CMS collection specifically for images, similar to how you organized the authors. However, I'm having trouble getting the images to display as intended. Instead of showing one image at a time, it's displaying all the images at once. If that makes sense, could you create a tutorial to help with this?

  • @GCunu
    @GCunu 9 днів тому

    This is the easiest to learn Framer tutorial on the internet. Ryan simplified everything, and made it understandable, unlike all the others who have tried and failed to do so. Thank you, Ryan.

  • @MACH_SDQ
    @MACH_SDQ 10 днів тому

    Very goooooooood !!!!

  • @ianmadrigalmonkey1979
    @ianmadrigalmonkey1979 11 днів тому

    Unfortunately, grids in Framer don't work like it actually should. It's something I wish they would work on so I can make layouts way easier like how you would if you were to code it. Flexbox has it's place but if you're working with layouts that are using columns and rows together you should be using css grids. It's way easier to manage especially when it comes to responsiveness. Also best practices it's to stick to numbers that are divisible to whole numbers (2, 4, 8, 12, 16, 24, etc.) for gaps, padding and margins.

  • @tabishiqbal7957
    @tabishiqbal7957 11 днів тому

    Hey Ryan, I’m interested in enrolling in one of your paid courses to learn Framer, but I'm a bit unsure about which to choose. I see you offer both the Framer Masterclass and the Framer Accelerator, and I’d love some guidance on which course might be the best fit for me. Could you share a quick comparison or recommend which course would be more beneficial based on different learning goals? Thanks so much!

    • @ryanhayward3488
      @ryanhayward3488 10 днів тому

      Sure! So the Masterclass is designed to teach you the A-Z of Framer. where the Accelerator is designed to teach you HOW to make money with Framer.

  • @AkinsRealm
    @AkinsRealm 11 днів тому

    Wohoo another great Framer tutorial, thank you! 🙌😊👍 🎉

  • @hariskhanzada7507
    @hariskhanzada7507 12 днів тому

    My question is, Does Bento needs fixed Height/Width for every screen-size because otherwise the inner content of the Bento boxes gets misplaced once the screen re-sizes. Because that's the limitation i am facing, like for every-other screen i need to re-arrange my images and texts that are inside those bento boxes.

    • @Trazynn
      @Trazynn 12 днів тому

      Yeah, this needs a part 2 about making it responsive, in an interesting way.

    • @ryanhayward3488
      @ryanhayward3488 10 днів тому

      Yeah I think the beauty of bento cards is that they can be flexible with layout. For each breakpoint, you might need to adjust the layout but for any other responsiveness (making the screen larger or smaller without a breakpoint), keeping the content inside the initial fixed container will help keep it responsive

    • @hariskhanzada7507
      @hariskhanzada7507 10 днів тому

      @@ryanhayward3488 Thanks Man !!

  • @saffron8238
    @saffron8238 12 днів тому

    Thanks for this! Also, is there a way to customise the search results?

  • @EdWilliams
    @EdWilliams 13 днів тому

    easily the most comprehensive Framer tutorial. I can follow along without overwhelm. I truly appreciate the must-know information (frame within a frame building, fixed v. relative, etc). Will be subbing. Thank you!

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

    Thank you so much! ❤❤

  • @meganmclaughlin4956
    @meganmclaughlin4956 15 днів тому

    How do we make this type of menu responsive?

  • @vago9308
    @vago9308 15 днів тому

    Thank you sir!

  • @fathimailma-j2f
    @fathimailma-j2f 16 днів тому

    This worked for me,TYSM, love your content❤

  • @DarwinOrquin-r1h
    @DarwinOrquin-r1h 19 днів тому

    simple but looks professional ❤️

  • @KanuIkechukwu
    @KanuIkechukwu 20 днів тому

    Please Ryan, reply the comments

    • @meganmclaughlin4956
      @meganmclaughlin4956 15 днів тому

      I just watched this for the first time (ok I watched it like 5 times) and he does show how to go add a variable. What he doesn't show is that you have to go to the Navlink component and add a variable called Content and that will give you the field to change the title. You do it essentially the same way he adds the other variable, but he skips the step saying how he has already added variables to the text so he can change the words. Hope that helps!

  • @traplordso985
    @traplordso985 21 день тому

    Masterpiece video mate! You earned a subscriber🎉

  • @mxs9994
    @mxs9994 22 дні тому

    I was excited about the tool. Then I saw their own website doesn't work properly (scroll sections... even the test page works better) and then I saw that you're the founder and used this tutorial to promote your own tool without ever being transparent about it. Wooow thats an unsubscribe for me.

  • @rajnomadheart
    @rajnomadheart 24 дні тому

    loved your content. One question, is there any way to make the image inside that frame responsive so that it does not get cropped?

  • @timilehinsolu4254
    @timilehinsolu4254 26 днів тому

    Yesssssir, enjoyed watching this video 😊

  • @athira.s8124
    @athira.s8124 27 днів тому

    How can we reduce the height if the content in development is only 2 cards??

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

    Hi! Once I have created my site using AI, can I migrate it to my company's server?

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

      Unfortunately not. You can export projects / code in Framer right now

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

    What's the name of the camera you shot with?