If you'd like this template, to copy this tutorial, remix this workflow or get help while building it, upgrade to PRO.

🏡 Airbnb clone

👇Scroll down

This tutorial is to show how you can mimic some of the functionality of a working marketplace without code, in about 30 minutes. I use Airbnb as the example to 'clone' as it's one of the most famous examples of a successful marketplace.

The full video tutorial is available for PRO members only. The short version is below:

You'll need to set up a Webflow account and start a new project.

Create two CMS collections, one called 'Amenities' and one called 'Locations'. We will use 'Locations' as the main content for the listing pages.

When you create a CMS collection, an automatic 'page template' is created in Webflow. The Location page template is what we need to work on.

I used Airbnb Plus as a template for the layout of my page, you can obviously do it however you'd like!

Connect the pieces with the CMS collections to your layout.

The Airtable Calendar is a HTML embed with a custom CMS field in the embed code - so when a new location is added, the right calendar shows up.

The 'Book' button and modal require some interactions, but also includes the same HTML embed as above plus another embed code for the Airtable form embed.

🏡 Airbnb clone

🏡 Airbnb clone

This tutorial is to show how you can mimic some of the functionality of a working marketplace without code, in about 30 minutes. I use Airbnb as the example to 'clone' as it's one of the most famous examples of a successful marketplace.

The full video tutorial is available for PRO members only. The short version is below:

You'll need to set up a Webflow account and start a new project.

Create two CMS collections, one called 'Amenities' and one called 'Locations'. We will use 'Locations' as the main content for the listing pages.

When you create a CMS collection, an automatic 'page template' is created in Webflow. The Location page template is what we need to work on.

I used Airbnb Plus as a template for the layout of my page, you can obviously do it however you'd like!

Connect the pieces with the CMS collections to your layout.

The Airtable Calendar is a HTML embed with a custom CMS field in the embed code - so when a new location is added, the right calendar shows up.

The 'Book' button and modal require some interactions, but also includes the same HTML embed as above plus another embed code for the Airtable form embed.

Access full content
Contents
Part 1 - setting up Webflow
watch
Part 2 - setting up Webflow
watch
Part 3 - setting up Webflow
read
Part 4 - setting up Webflow
download
Zapier
Discount
Webflow
Discount
Stripe
Discount
Airtable
Discount
✔️ Airbnb-clone marketplace w/ no-code tutorial
Tweet
Updating user profile data without code
Tweet
"Building a newsletter generator without code via @bentossell"
Tweet
"Building a user sign-in function without code"
Tweet
"Building a curated directory like @nomadlist via @bentossell"
Tweet
In 2019 I'm learning to build sites and mini-startups with Carrd 🎉 Join me!
Tweet
"Build a clone of Scott's Cheap Flights on Carrd via @bentossell"
Tweet
Tweet "Building a job board in @webflow without using any code by @bentossell"
Tweet