Framer Tutorial: Ebook Landing Page Lead Magnet Funnel (No Design Skills Needed)
Вставка
- Опубліковано 16 лип 2024
- 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: framer.com/projects/new?dupli...
🔗 LANDING PAGE PREVIEW: 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 → 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
-----------------------------------------------------------------------------------------------
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:
Webflow to Framer - My 1 Year SEO Review (2024)
• Webflow to Framer - My...
Framer - 2hr Responsive Web Challenge
• Framer - 2hr Responsiv...
------------------------------------------------------------------------------------------------
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🙌🏽🔄