Webflow’s native eCommerce features do not support detailed shipping cost calculations based on specific cities in Brazil, especially where rates significantly vary by location. However, there are effective workarounds and integrations to achieve this functionality.
1. Understand Webflow's Native Shipping Capabilities
- Webflow’s eCommerce shipping settings support flat rate shipping, price-based rules, and weight-based rules, but only by country or region, not by cities.
- This means you cannot set unique shipping rates for São Paulo vs. Rio de Janeiro directly in Webflow.
2. Use an External Shipping Calculator via JavaScript
- You can embed a custom JavaScript solution that interacts with a Brazilian shipping API, such as Correios API or Melhor Envio.
- This script can dynamically calculate shipping cost based on the city (via ZIP code) once the user enters their address.
- Use the Webflow embed element to include this logic on your product or checkout page.
- Display the calculated rate before redirecting to checkout, but note that Webflow won't reflect this value in the final order unless you bypass its native checkout.
- Foxy.io, a cart and checkout solution that integrates with Webflow, allows custom shipping logic, including rate calculations by city or ZIP.
- Shopify Buy Button + Webflow can bypass Webflow's checkout—let Shopify handle shipping rates (Shopify supports advanced shipping configurations and location-specific pricing).
- These platforms let you craft checkout logic that reflects Brazilian shipping rate variations with precision.
4. Use Zapier or Custom Backend for Dynamic Shipping Rules
- You can build a backend system using tools like Zapier, Make (Integromat), or Firebase, where:
- The user’s city is submitted through a Webflow form.
- An API call retrieves the shipping rate.
- The result is displayed back on the site or emailed to the user.
- This approach does not integrate directly with the native Webflow eCommerce checkout.
5. Consider Webflow Logic (If Advanced Conditions Needed)
- Webflow Logic could handle conditional flows (e.g., different messages or buttons shown based on city entered), though it can't change shipping prices at checkout.
- Logic can also push city/ZIP to third-party services, then feed that data back to the user.
Summary
To support city-specific shipping costs in Brazil, integrate Webflow with external shipping APIs (e.g., Correios) via embedded scripts or use a third-party cart system like Foxy.io or Shopify. Webflow alone does not support per-city shipping rates, but with the right integration, accurate location-based shipping is possible.