Video

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

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

Top top explanation! deserves all the likes and the subscriptions

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

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

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!

what usb c cable is that

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

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

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!

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!

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.

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.

Very very good video

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

mashallah< loved so much

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

best video i've seen all year

❤loveeet

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

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 ❤️

Framer it is 😂😂

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

🎯 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

lol found it

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

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

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

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

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

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

Nice! Omar What do you think about Divhunt ?

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

I like your forhead.

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

Thanks for sharing, very helpful.

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

Great informative video!

finnaly founded chanel that I realy want

Great video and very insightful, thank you for taking the time to put it together. SEO is still very important for many customers and I noticed that this was not mentioned for either platform. Do you have any experience of the SEO abilities on both platforms?

Hey Farooq, thank you very much. You have no idea how helpful your content is. I have a question; do you use framer pages as landing pages for your marketing campaigns or do you use landing page builders like unbounce and leadpages? I am stuck on what works best.

how are you publishing figma designs as a website? or are the developers coding it?

great tutorial

Awesome overview video of your process . 💪

That's just what I needed to know!!

Thank you for all ! The only issue that I see is that you can use this tutorial to sell 'one size and on one quantity' product, so I really hope that framer is going to move in the ecommerce direction.. because it's pretty limited for now. Please let me know if anyone have any suggestion/solution for 'quantity' and 'size' issue.

Great video. Please do a video on A/B testing / CRO with Framer.

Create framer guides 🎉

i just looked at framer i immediately understood how to use the platform. because its so similar to figma im still learning webflow i might lean towards framer. ill learn both since webflow isn't as limited as framer