Tutorials

๐Ÿš€ How to build a marketplace with Webflow and Tangram ๐Ÿš€

Build a marketplace with Webflow. Learn how to create a Webflow multi vendor marketplace using a Webflow marketplace template.

Paris Mielke

April 10, 2022

April 10, 2022
โ€ข
5 min

What is a multi vendor marketplace?

A multi vendor marketplace is an online platform where customers can purchase goods or services from multiple different vendors. This is unlike a traditional ecommerce store where a single brand or vendor sells its own products (e.g. Allbirds).

Below are some examples of multi vendor marketplaces:

  • Etsy (multi vendor product marketplace)
  • Amazon (multi vendor product marketplace)
  • Airbnb (multi vendor rental marketplace)
  • Upwork (multi vendor service marketplace)

โ€

Is Webflow a good tool for building a marketplace?

Yes, Webflow is a great tool for building a marketplace. However, using it as the only no code tool to run an online marketplace comes with a LOT of constraints. For complex user-to-user interactions and marketplace-specific functionality youโ€™ll likely need to use it alongside other no code tools.

Which Webflow marketplace no code tech stack is right for me?

Check out the comparison table at the bottom of the page to compare the pros and cons of each Webflow marketplace no code tech stack. You can learn more about the constraints of using Webflow without integrating other no code tools like Tangram in this comparison of Connor Finlaysonโ€™s Webflow Marketplace Solution (Webflow x Airtable x Zapier x Memberstack x Jetboost) vs (Tangram x Webflow) here.

If your marketplace has a low frequency of transactions or does not require much self-service tooling for its users to meaningfully engage in the platform, building a managed marketplace in Webflow without any additional integrations may be sufficient. A managed marketplace often means the marketplace admins or employees are manually managing tasks like listing creation, user matching, payments, and/or communications between users. However, if you need users to be able to login and manage their accounts, chat with other users, and/or automatically get paid out โ€” weโ€™d highly recommend using Webflow with Tangram.

โ€

How do I build a Webflow multi vendor marketplace in Tangram?

โ€At A Glance (Launch in 1-7 days):

Step 1: Choose a Webflow template (See How) or use your own design by scheduling a free 1:1 planning session.

Step 2: Connect Webflow to Tangram by copy/pasting a โœจmagic code snippetโœจ in the header of every page that needs to access data from Tangram in Webflow's page settings (See Tutorial)โ€

Step 3: Tell Tangram to render your new Webflow designs instead of the default Tangram ones by pasting your Webflow page links in Tangram's override fields (See Tutorial)

Step 4: Customize your site and launch! ๐Ÿš€ (See All Tutorials)

No items found.

Compare

Stack #1

Stack #2

Time to launch

Stack #1

Webflow (~$50/mo)

Stack #2

Webflow (~$50/mo)

Pricing

Stack #1

Tangram (~$150/mo) or Airtable (~$25/mo)

Stack #2

Airtable (~$25/mo)

Technical skill level required

Stack #1

Tangram

Stack #2

Memberstack (~$50/mo)

Data export

Stack #1

Tangram

Stack #2

Jetboost (~$40/mo)

Automatic backups

Stack #1

Tangram

Stack #2

Not Available

1:1 support from a dedicated expert

Stack #1

Tangram

Stack #2

Not Available

Custom design via Webflow

Stack #1

$200/mo+

Stack #2

$165/mo+

Key benefits

Stack #1

  • marketplace-specific functionality
  • can accommodate complex business models
  • robust in-app chat
  • scalable

Stack #2

  • can be cheaper early on

Key drawbacks

Stack #1

  • Can be a bit pricier than building a managed marketplace with just Webflow

Stack #2

  • can't easily scale past 10,000 data records
  • difficult to integrate multiple no code tools
  • can be expensive at scale with many subscriptions
  • harder to manage automations across multiple tools
  • difficult/impossible to integrate marketplace-specific chat, scheduling, or payment functionality without coding
ACCOUNTS

Clones

Up to 20 clones per month

Categories

Business, Technology

User Limit

1 User

DESIGN INTERACTIONS

Lottie Animation

3 months

Design Interactions

3 months

DESIGN INTERACTIONS

Clones

Categories

-

Compare

Stack #1

Stack #2

Front-End

Stack #1

Webflow (~$50/mo)

Stack #2

Webflow (~$50/mo)

Database

Stack #1

Tangram (~$150/mo) or Airtable (~$25/mo)

Stack #2

Airtable (~$25/mo)

User Accounts/Auth

Stack #1

Tangram

Stack #2

Memberstack (~$50/mo)

Filtering

Stack #1

Tangram

Stack #2

Jetboost (~$40/mo)

In-app Chat

Stack #1

Tangram

Stack #2

Not Available

Automatic Payouts

Stack #1

Tangram

Stack #2

Not Available

Stack Price Per Month

Stack #1

$200/mo+

Stack #1

$165/mo+

Stack #1

Key Benefits

Stack #1

  • marketplace-specific functionality
  • can accommodate complex business models
  • robust in-app chat
  • scalable

Stack #2

  • can be cheaper early on

Key Drawbacks

Stack #1

  • Can be a bit pricier than building a managed marketplace with just Webflow

Stack #2

  • can't easily scale past 10,000 data records
  • difficult to integrate multiple no code tools
  • can be expensive at scale with many subscriptions
  • harder to manage automations across multiple tools
  • difficult/impossible to integrate marketplace-specific chat, scheduling, or payment functionality without coding
ACCOUNTS

Clones

Up to 20 clones per month

Categories

Business, Technology

User Limit

1 User

DESIGN INTERACTIONS

Lottie Animation

3 months

Design Interactions

3 months

DESIGN INTERACTIONS

Clones

Categories

-