Framer Tutorial: Ebook Landing Page Lead Magnet Funnel (No Design Skills Needed)
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 deliver the Ebook via redirect or a dedicated download page.
Time to knockout a fully functional ebook lead magnet funnel with Framer–no design skills needed. Let's go!
00:00 Introduction
01:22 Setting up your Framer project (breakpoints)
02:47 Pre-made layouts for your landing page structure
08:36 Customising layers on Framer
11:52 Create an Ebook mockup with Glorify
16:07 Adding images in Framer
17:12 Unsplash integration
18:17 Switch out logos with copy/paste
19:14 Adjust spacings/margins/padding
20:22 Adding hero background image
21:26 Making CTAs & text POP
23:31 Setting up lead capture form
25:38 How to deliver your ebook on Framer
26:14 BONUS: Dedicated download page setup
28:40 Adding animations
32:00 Final responsive checks
33:03 Publishing your landing page live
33:50 Analytics & Meta Pixel
34:46 Final Landing Page
35:19 Final thoughts & conclusion
🔄 REMIX LINK: https://framer.com/projects/new?dupli...
🔗 LANDING PAGE PREVIEW: https://ebookfunnel.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 → https://www.framer.link/omar/
(Affiliate link)
Try @GlorifyApp Graphics Design Tool for Your Landing Pages
Sign up here → https://glorify.com
Use 30% OFF code: OMAR30
No Design Skills Needed
------------------------------------------------------------------------------------------------
Join my community
🔥 Be the first to know when Framer Funnels goes live:
http://www.framerfunnels.com
Join Discord: / discord
-----------------------------------------------------------------------------------------------
Check out all the awesome tools in this video:
https://www.screen.studio - What I used to record my screen for this video
What I use to make my thumbnails (totally biased) - https://www.glorify.com
------------------------------------------------------------------------------------------------
Check out these videos next:
Webflow to Framer - My 1 Year SEO Review (2024)
• Webflow to Framer - My 1 Year SEO Review (...
Framer - 2hr Responsive Web Challenge
• Framer - 2hr Responsive Web Challenge
------------------------------------------------------------------------------------------------
Follow me here for more content:
📱 TIKTOK ‧ / buildwithomar
📷 INSTAGRAM ‧ / buildwithomar
🐦 TWITTER ‧ / buildwithomar
🌐 LINKEDIN ‧ / buildwithomar
💻 INDIE HACKERS ‧ https://www.indiehackers.com/buildwit...
------------------------------------------------------------------------------------------------
Startups I am currently building:
👉 https://www.Glorify.com - A VC-backed SaaS design tool startup
👉 https://www.collabify.design (previously Together.Design) - A productized UI/UX service platform
👉 https://www.Blitzit.app - a personal productivity tool that keeps you in flow state🙌🏽🔄