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
  • Configure basic shipping in Webflow under Project Settings using flat-rate, weight-based, or location-based rules, noting that Webflow only allows one store-wide shipping origin.  
  • Use third-party tools like Zapier, Shippo, or Make to automate drop shipping workflows, manage supplier-specific shipping origins, and display shipping costs via CMS or custom code.  
  • For full-featured shipping logic, such as live rates or per-product origins, consider using Shopify with embedded Buy Buttons in Webflow.

Setting up shipping in Webflow involves configuring shipping rules in Webflow Ecommerce, but advanced features like multiple origin addresses and dynamic supplier shipping rates require third-party integrations.

1. Set Up Basic Shipping in Webflow

  • Go to Project Settings > Ecommerce > Shipping to configure your shipping options.
  • You can add flat-rateweight-based, or location-based rules.
  • Webflow only allows one "store address" (the default "shipping from" location), which applies to all shipping calculations.

2. Webflow Limitations With Drop Shipping

  • Webflow does not natively support assigning different “ship from” addresses to specific products.
  • Shipping rules are store-wide, so you can’t designate a different warehouse or supplier per product within Webflow settings.

3. Use Zapier or Third-Party Tools for Drop Shipping Support

  • Use ZapierIntegromat (Make), or Shippo to integrate with drop shipping suppliers.
  • These platforms help automate order fulfillment and can manage “ship from” addresses based on the product SKU.
  • You’ll need to manage shipping prices and logic outside Webflow and potentially display custom shipping costs via custom code or CMS fields.

4. Display Supplier Shipping Prices

  • If your supplier publishes live shipping rates:
  • You cannot fetch live rates dynamically in Webflow without using a workaround.
  • As an alternative, manually enter supplier shipping rates into Webflow’s shipping rules or display them as static text or CMS content near the product.
  • For frequent updates, use Webflow CMS connected to supplier rates using ZapierAirtable, or a custom API connection.

5. Consider Shopify Buy Buttons as an Alternative

  • For more advanced shipping needs (per-product shipping origins, live rates), consider managing the store in Shopify but embedding Shopify Buy Buttons into your Webflow site.
  • This lets you use Shopify’s full shipping functionality while maintaining Webflow’s design flexibility.

Summary

Webflow supports basic, store-wide shipping rules but doesn’t allow per-product “ship from” addresses or live supplier shipping rates. Use third-party tools like Zapier or Shippo to handle drop shipping logic, and display shipping prices via CMS fields or static content. For advanced shipping features, integrate Shopify or another Ecommerce backend.

Rate this answer

Other Webflow Questions