Omar Farook | Building Tech Startups
Omar Farook | Building Tech Startups
  • 59
  • 390 769
Framer's Latest Form Builder - 4 Free Lead Capture Forms for Your Funnels
In this video we run through Framer's latest native form builder. 🔠
Finally you can build comprehensive forms directly inside Framer, without needing an embed or custom component. The workflow is simple and easy to setup! In this video I run through how to setup a basic contact us form with an expanded "explain further" text field by using component interactions. I also demo my Free Framer file with 4 lead capture forms all setup out-of-the-box, easily customisable via the component settings, ready for your marketing funnels.
Time to build real marketing funnels in Framer! 🔥
00:00 Introduction
01:05 Adding Framer's new Form Builder
02:01 Basic Framer Forms overview
03:13 Setting up a "Get in touch" form
04:21 Setting up form data capture (Email, Webhooks, Google Sheets)
05:05 Setting up expanded answer (other) via components
12:52 Form responsiveness best practice
13:30 Freebie download lead capture Framer form
15:03 Get a quote Framer form
17:01 Book a call Framer form
18:52 Setting up a thank you page
19:23 Final thoughts & conclusion
🔄 REMIX LINK: buildwithomar.lemonsqueezy.com/buy/116da105-93d2-4d78-a19f-7428b205b3ff
🔗 FORMS PREVIEW: freeframerforms.framer.website/
#marketingfunnel #funnel #startup #ebookdownload #ebook #framer #glorifyapp #funnelhacker #landingpage #landingpagedesign #landingpages #digitalmarketing #webdesign #webdesigner
------------------------------------------------------------------------------------------------
Check out @Framer FREE Canvas Based Website Builder
Sign up here → www.framer.link/omar/
(Affiliate link)
Try @GlorifyApp Graphics Design Tool for Your Landing Pages
Sign up here → glorify.com
Use 30% OFF code: OMAR30
No Design Skills Needed
------------------------------------------------------------------------------------------------
Join my community
🔥 Be the first to know when Framer Funnels goes live:
www.framerfunnels.com
Join Discord: discord.com/invite/qS8Ubbbkh5
-----------------------------------------------------------------------------------------------
Check out all the awesome tools in this video:
- www.screen.studio - What I used to record my screen for this video
- What I use to make my thumbnails (totally biased) - www.glorify.com
------------------------------------------------------------------------------------------------
Check out these videos next:
Framer Tutorial: Ebook Landing Page Lead Magnet Funnel (No Design Skills Needed)
ua-cam.com/video/YCPEQPNcFmI/v-deo.htmlsi=aEl7SDoBYDinF9OQ
Programmatic SEO with Framer & Notion AI - 50K - 70K organic visitors per month
ua-cam.com/video/L9r_NHDEEdY/v-deo.htmlsi=94CV0vrUxydVS_sD
------------------------------------------------------------------------------------------------
Follow me here for more content:
📱 TIKTOK ‧ / buildwithomar
📷 INSTAGRAM ‧ / buildwithomar
🐦 TWITTER ‧ / buildwithomar
🌐 LINKEDIN ‧ / buildwithomar
💻 INDIE HACKERS ‧ www.indiehackers.com/buildwit...
------------------------------------------------------------------------------------------------
Startups I am currently building:
👉 www.Glorify.com - A VC-backed SaaS design tool startup
👉 www.collabify.design (previously Together.Design) - A productized UI/UX service platform
👉 www.Blitzit.app - a personal productivity tool that keeps you in flow state🙌🏽🔄🔠
Переглядів: 384

Відео

Framer Tutorial: Ebook Landing Page Lead Magnet Funnel (No Design Skills Needed)
Переглядів 1,9 тис.Місяць тому
In this video I'll show you how to build an ebook marketing funnel landing page on Framer for your lead magnet without any advanced design skills. By using Framer's pre-made layouts, anyone can knockout landing pages on Framer with minimal to no design skills. I'll also show you how to connect a lead capture form using Framer's input field, collect and store the data on Formspark for free, and ...
Wix Studio's Revenue Share Program - Make every website count!
Переглядів 350Місяць тому
Wix Studio's Revenue Share Program - Make every website count!
Programmatic SEO with Framer & Notion AI - 50K - 70K organic visitors per month
Переглядів 1,7 тис.2 місяці тому
Programmatic SEO with Framer & Notion AI - 50K - 70K organic visitors per month
Webflow vs Framer - A pro-Webflow perspective from an SEO Expert.
Переглядів 9202 місяці тому
Webflow vs Framer - A pro-Webflow perspective from an SEO Expert.
Can You Build Marketing Funnels with @Framer?
Переглядів 3 тис.3 місяці тому
Can You Build Marketing Funnels with @Framer?
Webflow to Framer - My 1 Year SEO Review (2024)
Переглядів 7 тис.4 місяці тому
Webflow to Framer - My 1 Year SEO Review (2024)
Getting Users to the "Aha Moment" w/@Userpilot - Part 1
Переглядів 4304 місяці тому
Getting Users to the "Aha Moment" w/@Userpilot - Part 1
My Personal Website Design Process w/ @Framer
Переглядів 2,6 тис.5 місяців тому
My Personal Website Design Process w/ @Framer
How Can Busy Founders Create Content At Scale?
Переглядів 3897 місяців тому
How Can Busy Founders Create Content At Scale?
Build a Fresh Ecom Site with a Wix Studio Template
Переглядів 1,1 тис.8 місяців тому
Build a Fresh Ecom Site with a Wix Studio Template
Figma to Wix Studio Responsive Website
Переглядів 16 тис.9 місяців тому
Figma to Wix Studio Responsive Website
Wix Studio: An Agency's Dream
Переглядів 4,6 тис.9 місяців тому
Wix Studio: An Agency's Dream
Framer AI - Gimmick? Assistant? Or death to web designers?
Переглядів 10 тис.Рік тому
Framer AI - Gimmick? Assistant? Or death to web designers?
How Figma changed the MVP model forever
Переглядів 5 тис.Рік тому
How Figma changed the MVP model forever
Why I switched to Framer from Webflow
Переглядів 153 тис.Рік тому
Why I switched to Framer from Webflow
Build an E-com Store with Framer CMS
Переглядів 70 тис.Рік тому
Build an E-com Store with Framer CMS
Framer Template - Creator Kit - Compete Walkthrough
Переглядів 8 тис.Рік тому
Framer Template - Creator Kit - Compete Walkthrough
Omar Farook - Me and My Mission as a Tech Startup Founder
Переглядів 2,7 тис.Рік тому
Omar Farook - Me and My Mission as a Tech Startup Founder
Framer - 2hr Responsive Web Challenge
Переглядів 27 тис.Рік тому
Framer - 2hr Responsive Web Challenge
Industrial Roofer to Creative Entrepreneur - The Hunger to Grow Beyond - w/ Paul Armstrong
Переглядів 1477 років тому
Industrial Roofer to Creative Entrepreneur - The Hunger to Grow Beyond - w/ Paul Armstrong
Industrial Roofer to Creative Entrepreneur w/ Paul Armstrong
Переглядів 1247 років тому
Industrial Roofer to Creative Entrepreneur w/ Paul Armstrong
From Zero Design Experience to Creative Director - Part 2 - with Fezaan Haroon
Переглядів 1847 років тому
From Zero Design Experience to Creative Director - Part 2 - with Fezaan Haroon
From Zero Design Experience to Creative Director - Part 1 - with Fezaan Haroon
Переглядів 4287 років тому
From Zero Design Experience to Creative Director - Part 1 - with Fezaan Haroon
Running Your First Creative Agency - Pt. 2 - Generating Leads | Mindset | Money | Goals
Переглядів 2487 років тому
Running Your First Creative Agency - Pt. 2 - Generating Leads | Mindset | Money | Goals
Launch Your First Creative Agency - Pt.1 - Partnerships | Strategy | Naming
Переглядів 6697 років тому
Launch Your First Creative Agency - Pt.1 - Partnerships | Strategy | Naming
What is the DEFINITION OF SUCCESS in the creative sphere?
Переглядів 6797 років тому
What is the DEFINITION OF SUCCESS in the creative sphere?
How to Name Your Creative Agency?
Переглядів 4,2 тис.7 років тому
How to Name Your Creative Agency?

КОМЕНТАРІ

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

    I am in the Discord server, saw this video, and decided to view it. Wow. So much value in a tutorial. Framer looks like a great UX tool while Glorify would be a great UI tool. Both apps would make an unstoppable e-commerce force

  • @Gaurav76831
    @Gaurav76831 4 дні тому

    wow this guy has made so much stuff, gonna watch these gem vids, wanna learn framer as much as possible

  • @Gaurav76831
    @Gaurav76831 4 дні тому

    whoa that's so cool, can i make it for free in framer? also i want to attach that ebook with email so i can add that as well with any third party platform like convert kit? (can i do whole process for free😅, my client haven't gave me any upfront fee lol

  • @iqmalalhusaini
    @iqmalalhusaini 7 днів тому

    Hi, Omar. How do I protect text, videos, photos, or anything on our website from other people who want to steal it, especially on Framer?

    • @BuildwithOmar
      @BuildwithOmar 6 днів тому

      Not sure what you mean, websites are public facing. Content can technically be used as “inspiration”… you can claim copyright infringement, laws different form country to country.

  • @YS-ub4jm
    @YS-ub4jm 7 днів тому

    Great talk. There are no links in the description

  • @trainfarb
    @trainfarb 8 днів тому

    Great Tutorial! Thanks for sharing. Have you actually tried linking it to Google Sheets? It's interesting that every tutorial I see glosses over it (even on Framer's website), but it never works when I try to use it.

  • @UmairUlhaque
    @UmairUlhaque 8 днів тому

    It was quite insightful Omar. When Framer recently launched the Forms update I was a bit confused I thought the Forms were already there so what's special in the update now I got it. Thank you.

  • @motichoor69
    @motichoor69 8 днів тому

    great video

  • @saschab.5154
    @saschab.5154 8 днів тому

    Using Amazon is the dealbreaker. Sad, that they use Evil Corp.

  • @WallemBrothers
    @WallemBrothers 8 днів тому

    Always quality content, Omar!

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

    You grew out a lot of hair buddy, New look

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

    Thanks Omar! Great video! I've noticed that when you open a new tab, there's a page which has all your frequent apps or links, may you share which extensions or browser you use?Thanks

  • @SaadAlShiekhAli-sg4dl
    @SaadAlShiekhAli-sg4dl 15 днів тому

    ماشالله, keep it up ro

  • @CarlosHernandez-dn5zh
    @CarlosHernandez-dn5zh 15 днів тому

    Top top explanation! deserves all the likes and the subscriptions

  • @marchebbo124
    @marchebbo124 16 днів тому

    good value, but the pace of the video is reallt quick. And 0 explanation, could've took more time to explain what is going on with a slower pace

  • @abdullahimohammed8075
    @abdullahimohammed8075 16 днів тому

    Love the video. So clean, clear and concise. Thank you. Yove gotten a subscriber

  • @sanskaragarwal7651
    @sanskaragarwal7651 16 днів тому

    Hi Omar! Had a question - This website on phone lists all the products one below the other. Is there a way so that it only shows the first product and the other come on swiping it, like their carousel functionality? Amazing video btw!

  • @blueprintstech5638
    @blueprintstech5638 17 днів тому

    what usb c cable is that

  • @abahvictor5130
    @abahvictor5130 18 днів тому

    Is it possible to have an add to cart feature to this site?

  • @andrewjedi
    @andrewjedi 19 днів тому

    Awesome video thanks! Have you seen a drop in SEO traffic with Googles new AI implementation at the top of the SERPs?

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

    Hello Omar, this video is very helpful. I think I will start here on FIGMA. I have no experience whatsoever. However, I have determination and a solid idea. If possible, I would really appreciate getting in contact with you!

  • @SunblaKhan-lk6ol
    @SunblaKhan-lk6ol 22 дні тому

    Switching tools can really transform your workflow! I recently found BlogHandy for managing my blog, and it's been a game-changer. It integrates seamlessly with various platforms, making blogging a breeze without the usual design and technical headaches. If you're looking for a new tool to enhance your web design experience, BlogHandy might just be what you need!

  • @XQuad_Insight
    @XQuad_Insight 27 днів тому

    Hi Omar Check your emails! we've built an integration solution for Framer and Shopify... can we do affiliate program? we are offering some amazing extra cool stuff there.

  • @-The-Golden-God-
    @-The-Golden-God- 29 днів тому

    As someone who has barely any coding knowledge, it would take a lot to tear me away from Elementor (free version). It seems to do everything that Framer does, but with much more creative control and 3rd party integration.

  • @Zaindkir
    @Zaindkir 29 днів тому

    Very very good video

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

    Big problem with framer is that you can't export your site into code like you can with Webflow, massive minus

  • @SaadAlShiekhAli-sg4dl
    @SaadAlShiekhAli-sg4dl Місяць тому

    mashallah< loved so much

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

    How do you create a cart if user wants to buy several items?

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

    best video i've seen all year

    • @BuildwithOmar
      @BuildwithOmar 27 днів тому

      Wow! Huge fan man!!!! I was meant to meet you a while ago in a small meet up put together by Ash Ali (author of The Unfair Advantage). But it clashed with something else important . Hopefully the stars will align again soon!

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

    ❤loveeet

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

    Thanks for a great comparison video! Going to have a crack at Framer!

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

    Hi Omar! I am here to ask if you have extra work or need a UI/Ux designer and Framer expert please hire me! I am willing to work with you, nice video btw ❤️

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

    Framer it is 😂😂

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

    What app is that Edit: Its BlitzitDev I didnt read it lmao

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

      It’s actually Blitzit.app, something I’m building. it says bltizitdev, as it’s our staging version-It’s out now. Head to www.blitzit.app.

  • @anton.p
    @anton.p Місяць тому

    🎯 Key points for quick navigation: 00:00 *🎨 Naim, co-founder of Archetype, asked Omar to create a simple ebook download page using Framer.* 00:40 *📄 Omar recommends using Framer's pre-made layouts and form components for a quick, cost-effective solution.* 00:54 *💻 The tutorial is for those transitioning to Framer to create beautiful sites fast without design skills.* 01:37 *🔄 Framer's workflow allows users to create responsive landing pages quickly, suitable for all devices.* 02:33 *📱 Framer's primary size and child size relationships ensure easy property changes across devices.* 03:16 *🖼️ Using Framer’s pre-made sections provides flexibility and better customization for landing pages.* 04:12 *⚙️ Understanding parent-child relationships in Framer helps optimize design properties across different breakpoints.* 05:08 *✍️ Changes made in the primary size carry over to child sizes, but not vice versa, allowing for exclusive adjustments.* 06:12 *🎯 Adding sections like hero, feature grids, and testimonials enhance the landing page’s effectiveness.* 07:12 *🚀 A strong call-to-action section at the end of the landing page is crucial for conversions.* 08:22 *✒️ Customizing content, including images and text, is straightforward in Framer’s interface.* 09:54 *🔄 Adjusting text properties and image fits improves the visual appeal and responsiveness of the landing page.* 12:14 *🛠️ Glorify, a design tool founded by Omar, helps create ebook mockups and graphics for the landing page.* 13:15 *🎨 Using Glorify's brand kit and mockup library, Omar designs an attractive ebook cover.* 16:17 *🖼️ Adding the ebook cover and using Unsplash integration for images enhances the landing page visually.* 18:20 *🔧 Switching out logos and adjusting spacing ensures a balanced, clean design for the landing page.* 20:42 *🌆 Using an abstract background image from Unsplash can make the ebook section visually appealing without interfering with the text.* 21:27 *🎨 Adjusting text color and button styling to stand out ensures a high-converting call-to-action.* 22:34 *📱 Ensuring proper spacing and fill settings across different screen sizes enhances the mobile responsiveness of the landing page.* 23:16 *🔧 Adding padding uniformly around sections maintains a consistent look and feel.* 24:00 *💾 Using FormSpark for lead capture allows easy lead management and integration with other platforms via Zapier.* 24:55 *📥 Setting up the form to redirect to a download link or a dedicated download page ensures ebook delivery upon form submission.* 26:07 *📄 Creating a dedicated download page with a download button provides an alternative method for ebook distribution.* 28:24 *📧 Integrating email autoresponders like MailChimp for ebook delivery via email enhances the lead capture process.* 29:06 *🎥 Adding animation effects to elements can make the landing page more engaging and visually dynamic.* 31:08 *👀 Testing animations and responsiveness across different devices ensures a seamless user experience.* 33:14 *🌐 Setting up a custom domain and adding analytics code like Google Analytics or Facebook Pixel helps track and optimize campaign performance.* 34:26 *🏷️ Ensuring the site has a title and description improves its shareability and SEO performance.* 34:53 *🖥️ The final product is a fully responsive, functional landing page with animations and a lead capture form, suitable for all devices.* Made with HARPA AI

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

    lol found it

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

    What is your update a year later on this? Thanks for the hardwork you are putting in with your team.

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

    Great video! Excited to jump into Wix now. Btw: what's the stick thingy attached to your screen?

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

    Rather duplicating new store page can't we make components and function on same page?

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

      Yes but you loose separate pages for specific categories which isn’t as good for SEO. With a component all categories will be on a single page, and there won’t be any targeted keyword oriented categories for different pages.

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

    Great video Omar. I am inspired by your videos. Thanks for sharing. Which plan have you taken for Framer?

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

      Hey buddy, thanks! I own many sites and depending on the purpose I choose plans accordingly.

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

    I would still go with Framer, it's just a matter of time until they go beast-mode on the SEO/CMS features.

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

    I really appreciate this, thank you for brining Mat for a review!

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

    Nice! Omar What do you think about Divhunt ?

  • @jordi-rohtau
    @jordi-rohtau Місяць тому

    Well, finally someone puts together a decent comparison rather than leaving it in the air. Thanks

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

    I like your forhead.

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

    What software you use for this type of zoom effect and to record screen recording video

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

    Thanks for sharing, very helpful.

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

    This is so valuable! Already made my first ecommerce and it looks fire. Thank you so much and would love to see the checkout pop-up you mentioned

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

    Great informative video!