BLOG
Photo by:
Jason Goodman

6 Webflow Components You Need to Create Landing Pages Quickly

Marketing teams need to be able to generate new marketing campaigns without taking up too much time. An effective SaaS website with components created correctly in Webflow, can help with that.

February 21, 2023
RR Abrot
Head of Operations, UNFINISHED®

Once a website is fully built out in Webflow, the real marketing work is really just beginning. Marketing teams know that, in order to keep generating new leads or customers, they would need to come up with marketing campaigns. These marketing campaigns usually include a landing page (which may very well be the centerpiece of the campaign).

To many companies, this process becomes a painful one especially when involving the design and development team. Now, while there are going to be marketing efforts that would require a special, uniquely-designed and developed page (or even a microsite), most campaigns can be created quickly and efficiently when the website is built correctly in Webflow.

Just as companies need to be efficient with their time and finances, marketing teams need to be efficient with their processes as well. Fortunately, Webflow has a feature called "Components" which allows the team to create foundational "building blocks" for your pages. These "building blocks" enable you to build your new page easily, quickly, and efficiently.

Here are 6 types of components that every SaaS website, made in Webflow, should have to be able to build landing pages quickly and launch marketing campaigns with less effort. Fortunately, you probably already have all these components built out if your website is already built.

Hero Section

The hero section is the first thing that a visitor sees when they land on your page. You can use a layout similar to your website home page, and then just swap out the content, images, buttons, etc. To have even more options, create 3 types of hero layouts:

  • Content Left and Image Right
  • Image Left and Content Right
  • Everything Centered

This enables the marketing team to have various options when presenting the slogan or campaign to the visitor.

Upcoming website for SimpliFinance
Upcoming website for SimpliFinance

Content Sections

The next sections you would probably need are the sections where you can talk about what you want to talk about. We call these "content sections."

You can have various types of content sections so you can vary up the look of your page (but still make it consistent). Here are some examples:

  • Content Left and Image Right
  • Image Left and Content Right
  • Content in the Middle with Image Background
  • Content Section with Video Lightbox
  • Section promoting a product, ebook, newsletter, etc.

Whatever content you think you would need for future landing pages, make it a component!

Website: Breeze ChMS
Website: Breeze ChMS

Pricing

For SaaS companies, this is CRUCIAL. Get your pricing in order and show it on your landing page. This helps the user have all the information they need which can help them decide to buy. If they need more information, this gives them a chance to look through the rest of your website. Having the right pricing structure, details shown, and call-to-action can help lead to more customers and increase in revenue.

Website: SmugMug
Website: SmugMug

Social Proof

Customers buy from companies they know, like, and trust. Gathering social proof, whether that be from testimonials, reviews, videos from customers, etc., is KEY to earning that trust. SaaS companies use different methods to show these social proofs - sliders, tabs, scrolling logos, etc.

Website: Tithe.ly
Website: Tithe.ly

FAQ

Some companies don't think this to be necessary. Thought that might be true, we still see it as a benefit to have on your marketing landing pages. Along with the Pricing section, an FAQ section helps the user have all the information they need which can help them decide to buy. If they need more information, this gives them a chance to look through the rest of your website.

It would also be a good idea to keep this section short with around 3-5 of the most important questions you think the customer your targeting would want answered.

Website Example: TheFutur
Website Example: TheFutur

CTA

Then, of course, the whole page needs to lead to a CTA, or a Call-to-Action. What is the main action you want them to take?

Though there may be other actions they can do such as learning more about your product, signing up for your newsletter, or others, there needs to be a main action you want them to do not just for your landing page, but for your whole marketing campaign.

This section is usually at the very bottom of the page (right before the footer) so that the whole page can tell a story which leads the user to your main call-to-action.

Website: SmugMug
Website: SmugMug

Additional Resources:

Still need some more help in creating components for your marketing campaign pages? Not to worry! Our friends over at Relume created the Relume Library which has pre-built Webflow components for you to copy and bring over to your Webflow website. These components are built with the right framework in mind to help your marketing team create new landing pages efficiently and launch marketing campaigns quickly.

Go check them out at https://library.relume.io/

If you still want to learn more about Webflow components and how they work, check out this video from Webflow University.

About the Author
RR Abrot
Head of Operations, UNFINISHED®

Having worked with over hundreds of companies such as SmugMug, Flickr, Boeing, Tithely, and much more, RR has deep insight on how to enable organizations to scale faster and enable teams to own their website experience using Webflow.

INTERESTED?
LET'S HAVE A CHAT

Whether you’re still in the ideation phase or ready to go, we’re here to listen.

LET'S TALK