Webflow sync, pageviews & more.
NEW

What is the best way to set up shipping for an online store on Webflow? Is it possible to assign a "shipping from" address for certain products that are drop shipped from a warehouse location? Can I display the shipping prices from my supplier's online store for clients?

TL;DR
  • Set up flat-rate, quantity-based, or weight-based shipping in Webflow’s Ecommerce settings by region or country.
  • For drop shipping, segment products with custom fields and use automation tools like Zapier or Shippo to route orders.
  • Display supplier shipping rates using embedded widgets, mapped shipping tiers, or custom JavaScript, as live rate syncing isn’t natively supported.
  • Use third-party tools (e.g., ShipStation, Shippo) via integrations to handle complex shipping origins and logic.

To set up shipping for an online store in Webflow Ecommerce, you can define flat-rate, weight-based, or location-based shipping rules—but Webflow’s native shipping options have limitations when it comes to drop shipping and dynamic shipping rate display.

1. Configure Basic Shipping Settings

  • Go to Project Settings > Ecommerce > Shipping to set up your shipping rates.
  • You can choose between flat rate, quantity-based, or weight-based shipping.
  • Assign shipping rates by region or country depending on where you ship.

2. Handling Drop Shipped Products

Webflow does not natively support multiple "ship-from" locations, but you can work around this using product categorization and custom logic with third-party tools:

  • Segment products that are drop shipped in a separate Collection or add a custom field (e.g., "Shipped from Warehouse").
  • Use custom checkout workflows via tools like Zapier, Shippo, or Make to route orders to the appropriate fulfillment provider or warehouse.
  • You can't assign per-product shipping origins in Webflow's core settings, but automation can help simulate that.

3. Display Supplier Shipping Prices

You cannot dynamically pull live shipping rates from a third-party supplier into Webflow’s checkout directly. However, here are workarounds:

  • Embed a shipping calculator widget (if your supplier offers one) via an embedded component on the product page.
  • Manually map shipping tiers based on your supplier’s rates and update your own Webflow shipping zones to reflect them.
  • Use custom JavaScript and APIs (with developer support) to fetch dynamic rates before checkout, but these won’t alter the actual checkout total unless you use custom checkout logic outside Webflow.

4. Alternative: Use Third-Party Fulfillment Plugins

  • Connect tools like ShipStation, EasyShip, or Shippo using Zapier or Make for more accurate shipping options per product or location.
  • These tools can manage per-product origins and provide shipping rate logic that Webflow alone doesn’t support.

Summary

Webflow lets you set up basic shipping logic but doesn't natively support multiple "ship-from" addresses or live supplier rates. To manage drop shipping and dynamic shipping prices, you’ll need third-party integrations like Zapier, Shippo, or embedded widgets, along with custom product field logic.

Rate this answer

Other Webflow Questions