- 52
- 318 011
Ryan Hayward
Australia
Приєднався 2 тра 2018
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 ✌️
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/
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
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...
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)
Framer Tutorial: Add MOTION With Lottie Animations
Переглядів 4,8 тис.Рік тому
Framer Tutorial: Add MOTION With Lottie Animations
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
I want to buy Ultimate Framer Masterclass. It's very expensive. Can I get any discount?
These available online courses?
free?
No, it's a premium course.
@@ryanhayward3488 sad :(
in FRAMER xD? To be constantly charged for klicks and traffic by framer holding ur shop hostage? Ehm ... no, thank you.
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?
This was really helpful, Thank you man
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. 🤷🏻♂️
🔥
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...
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.
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.
@@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.
@@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.
@ 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 ?
@@muhammadbacar6051 Usually abroad, mostly because of my global reach though. You get clients where you market.
so exciting!
am hyped!!
@ Do you have website example, Use this plugin?
I'd only really trust an official integration
Why's that?
@@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.
Wow!!! Amazing...Thanks for this amazing tutorial
Happy to help :)
I was looking for simple explanation for days and here I find your video. Thanks a lot!
Amazing thank you!
Awesome :) Thanks for sharing! Is the Shopify checkout page also customizable (so it matches the rest of the shop)?
unfortunately not right now!
@@ryanhayward3488 That's okay, thanks for the info :) It's great to see ecommerce in framer possibilities grow. :)
Great plugin! Can we create templates using this?
Yes! DM me on twitter
Goooooood
Thank yoooooou
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?
How about when login and account creation for users like on Shopify stores? How does this work?
We're planning a Thenty.io integration super soon to bring login / dashboards to your ecommerce site.
Thanks for the tutorial.
Of course!
Holy plugin!
Ship it!
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?
That's not hard to answer man... Maybe designing without code? Or just having more freedom to create animations and better experience web store?
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.
@@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!
@@ryanhayward3488is the plugin for free? What do you mean by one-off cost?
Excellent Video thank you Ryan
this is definitely a game changer!!
HYPEE!!!
How often would you have to sync between shopify and framer’s cms? Only when new products are added, or for all inventory changes?
One time
Only when new products are added or editted. It pulls inventory dynamically.
Liked the before even watching it 😁. Frameship is gonna bring us to a whole other level !
Can not wait!
@ 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.
@@muhammadbacar6051 yep it's planned!
New Framer tutorial from Ryan Hayward woohooo 🎉
Hyped for this one!!
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?
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.
Very goooooooood !!!!
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.
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!
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.
Wohoo another great Framer tutorial, thank you! 🙌😊👍 🎉
Thank you!! ❤
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.
Yeah, this needs a part 2 about making it responsive, in an interesting way.
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
@@ryanhayward3488 Thanks Man !!
Thanks for this! Also, is there a way to customise the search results?
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!
Thank you so much! ❤❤
How do we make this type of menu responsive?
Thank you sir!
This worked for me,TYSM, love your content❤
simple but looks professional ❤️
Please Ryan, reply the comments
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!
Masterpiece video mate! You earned a subscriber🎉
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.
loved your content. One question, is there any way to make the image inside that frame responsive so that it does not get cropped?
Yesssssir, enjoyed watching this video 😊
How can we reduce the height if the content in development is only 2 cards??
Hi! Once I have created my site using AI, can I migrate it to my company's server?
Unfortunately not. You can export projects / code in Framer right now
What's the name of the camera you shot with?
iPhone 15 :)