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 or a combination of other nocode tools.

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

At A Glance:

Step 1: Choose a Webflow multi vendor marketplace template

Step 2: Connect Webflow to Tangram by Copy/Pasting a Magic Code Snippet ✨

Step 3: Customize your marketplace settings in Tangram and launch!

Where can I find a Webflow marketplace template?

You can find starter templates for product, service, event, class, rental, and job-matching marketplaces here in the Tangram Webflow Template Marketplace. However, you can use any paid or cloneable Webflow template with Tangram.

All templates come with free 1:1 setup support from a Tangram Expert, exclusive no code marketplace tutorials, and access to our Slack community of hundreds of no code marketplace builders.

Additionally, each template comes with a Tangram management portal for each type of user. In the Tangram admin portal, marketplace administrators can manage users, listings, and payments. In the vendor & customer portals, users can manage their listings, transactions, and messages.

An example of the admin dashboard in the Tangram admin portal.
An example of a vendor Tangram portal.
An example of a Tangram customer portal.

Tangram user portals are essentially a user’s account on your marketplace. Any changes made in their Tangram portal will automatically be reflected in your Webflow multi vendor marketplace front-end.

What are some common marketplace integrations and automations when using Webflow with Tangram?

  • Typeform (for user matching quizzes or listing matching quizzes)
  • Stripe (for automatic payment splits/commissions, invoicing, & subscriptions)
  • Calendly (for scheduling)
  • Zoom (for virtual meetings)
  • Zapier (for automating tasks with 3rd party tools)
  • Mailchimp (for custom email notifications)
  • Airtable (for data management)
  • Google Calendar (for managing availability)
  • Hotjar (for tracking user sessions/behavior)
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

-