How to create landing pages like Veed.io and Canva using Framer CMS

Khushi Lunkad
May 11, 2023
2 min read

Updated: Sep 30, 2024

Index

Good landing pages examples
My test with Framer
Framer CMS tutorial (text-based)
Framer CMS tutorial (video-based)

SEO landing pages are better than blogs

Veed has these landing pages that drive more traffic than all of its blog posts combined.

See the traffic on SEMRush. 168k monthly visitors just from a handful of pages.

SmallPDF also has similar landing pages.

And each of these pages bring in millions of visits each month. Look at /edit-pdf driving 1.8M monthly visits!

These landing pages are fairly simple to create compared compared to blog posts. I was able to create 20 of these in a few hours.

Veed has a simple CTA that directs people to the main product. Veed also uses deeplinks to improve the UX and ranking.

SmallPDF has an embed right within the landing page that people can interact with.

My successful test with Framer

I launched a quick and dirty test and let it simmer. It was something I did without a developer or a designer.

Even with hardly any effort or any real optimization, you can see that it's growing in the right direction. It's also bringing paid conversions.

A Framer tutorial for marketers

Framer is a real competitive advantage so I created a little tutorial guide below if you wanted to check it out.

I re-created Veed's landing page in Framer but you'd just have to copy/paste your Figma components in Framer. It's easier than you think.

Then, create a simple landing page. It's a drag and drop editor, just like Figma.

You can duplicate and create as many as landing pages as you want. I recommend creating 20 variations to test with and understand which performs.

After you know what's working, you can convert a single landing page into a CMS template.

A Framer CMS template lets you edit the content but the structure remains the same. Traditional CMS platforms make it easier to write blogs but to create landing pages, you need to go to a dev. Framer changes this status quo.

You can duplicate pages in Framer's CMS just as easily.

Framer CMS Pricing:

On their basic tier ($15), you can create one CMS template, and on their premium tier ($25), you can create ten.

In my opinion, Framer should have allowed everyone to use CMS for free, even if they prompted an upgrade pop-up when publishing the site. Restricting people from using the feature makes it harder to discover. However, I do not have enough knowledge about their product to comment. It could also be that the CMS is still underdeveloped and leads to churn if people see it. 🤷‍♀️

Scaling it up even further

If you wish to scale it up to hundreds of posts, you can upload a CSV file to Framer, and it will auto-populate the data. You can use either ChatGPT (instruct it to output as a table) or Google Spreadsheet's OpenAI integration.