Building a Pre-Launch Landing Page

In this quick tutorial you will learn the basics of getting started in Webflow, Airtable and Zapier by building your own pre-launch landing page.

Webflow

Airtable

Zapier

April 20, 2021

Where is the best place to start if you want to learn Webflow, Airtable and Zapier?

This is a step-by-step beginners tutorial for getting started with Webflow, Airtable and Zapier. You will learn how to design and build your landing page in Webflow, build a database to store your leads in Airtable and automate the lead workflow in Zapier.

I cut down on the editing as much as possible to really show you the step-by-step guide of building a pre-launch landing page for your next startup idea, business projects, newsletter or whatever else you are working on :)

LINKS:

‍

🚀 MY LANDING PAGE: https://www.connorfinlayson.com/learn-webflow-airtable-zapier

🎓 WEBFLOW UNIVERSITY: https://university.webflow.com/courses/webflow-101-crash-course

🐦 Say hi on Twitter: https://www.twitter.com/FinlaysonConnor

‍

TIMESTAMPS:

00:00 Intro

02:00 Building your landing page in Webflow

09:05 Styling your landing page sections

19:18 Setting up an Airtable Base for your leads

22:02 Using Zapier to send form submission from Webflow to Airtable

Use the code

Copy

Dive Deeper with the MVMP Pre-Launch course

Learn how to build your customer and supplier base before building your MVP Start building momentum for your marketplace by allowing customers to sign up to your site while you build your MVP.

Learn more →

Table of Contents

This is heading 2 example

This is heading 3 example

Subscribe to the newsletter!

Get notified when I publish my next video or blog

😘 Got it!

Oops! Something went wrong while submitting the form.

Related blog posts

All blog posts →

🚀 Webflow Apps - Reviewing Webflow's Biggest Update This Year!

Explore Webflow's revolutionary app updates and API changes that enhance design capabilities and user experience, featuring standout apps like Unsplash, Jasper AI, Finsweet Table, and Memberstack.

🤯 Relume's AI Site Builder is UNBELIEVABLE!

Relume has once again taken things to the next level AGAIN. This time with their AI Site Builder tool that will allow you to turn a simple prompt into a sitemap and wireframes with AI generated copy in seconds.

Setting Up Client Portals in Glide for Your Two-Sided Marketplace | Course Preview

Welcome to my brand new course on how to build customer portals for two-sided marketplaces in Glide! Glide is an incredible tool that can revolutionize your business, as I've experienced firsthand while working on the Unicorn Factory.

🚀 6 Tips for Building Webflow Sites More Efficiently

Discover the secrets to enhancing your Webflow design process with these 6 essential tips! In this video, we'll walk you through time-saving techniques, productivity-boosting hacks, and valuable strategies to help you build Webflow sites more efficiently. From style guides to on-page optimization, these expertly-crafted tips will empower you to work smarter, create beautiful and responsive websites faster, and take your Webflow skills to new heights. Don't miss out on unlocking your full Webflow potential – tune in now to elevate your website-building experience!

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Join us for the final installment of our series as we explore the creation of custom open graph images for each landing page. In Part 3, we'll use Placid to automatically generate visually appealing open graph images with custom screenshots and text. Enhance your website's social media presence and elevate your landing pages with these custom images. Complete your automation journey and unlock your website's full potential with this innovative workflow.

Supercharge Your Webflow Landing Pages: Automatically Updating Webflow CMS Items (Part 2)

Continue your automation journey with Part 2 of our series! In this video, we'll guide you through setting up a workflow that automatically updates Webflow CMS items whenever any of your titles have been created or updated. We'll use Airtable Automations to trigger a make.com workflow that seamlessly updates your Webflow items. Streamline your website-building process and keep your landing pages up-to-date with this powerful workflow.