How can I change the text "Country taxes" during checkout in Webflow?
TL;DR
- Webflow doesn't allow direct editing of the "Country taxes" label in the checkout, but you can use custom JavaScript injected into the Checkout Page Settings to rename it.
- Alternatively, disable automatic tax calculation and manually configure tax items for better label control, though you lose auto-rate functionality.
The “Country taxes” label in checkout is part of Webflow’s built-in eCommerce UI and cannot be edited directly through Designer. However, there are a few workarounds depending on your needs.
1. Understand Where “Country taxes” Appears
- The "Country taxes" label is automatically generated in the checkout and order summary of Webflow’s eCommerce feature.
- This label reflects Webflow’s automated tax calculation integration, which is powered by a third-party service (TaxJar for U.S. merchants).
2. Custom Edit Limitations
- Webflow does not allow direct modification of this system-generated label via Designer, Checkout settings, or CMS.
- You cannot change it from “Country taxes” to something like “Value Added Tax (VAT)” using the Webflow UI alone.
3. Use Custom JavaScript for Label Replacement
- You can inject a custom JavaScript snippet in the Checkout Page Settings to replace the text after the page loads.
- Go to Pages > Checkout Page > Page Settings and place your script in the Before Body tag section.
- Your script would do something like: find the element containing “Country taxes” and replace its text.
Example (simplified inline):
- Use
document.querySelector()to target the tax label, then changeinnerTextto your desired text.
Note: This workaround might be affected by Webflow’s class name changes, so it’s a fragile solution best suited for basic relabeling.
4. Alternative: Use Manual Tax Settings
- If you disable automatic tax calculation, you could create custom tax line items in the product setup or price them in.
- Then, you can better control how the breakdown appears at checkout—though you lose automatic rate calculation.
Summary
You cannot directly rename “Country taxes” from within Webflow. To change it, use custom JavaScript to rewrite the label on the Checkout page—but this is a fragile workaround. For more robust control, consider manual tax configurations or syncing with an external checkout system via an integration like Foxy.