How to display free shipping and country flag on product page?

Topic summary

Dynamic display on the product page of “Free Shipping,” the shopper’s country (with flag), and that country’s shipping cost under the Add to Cart button. The goal is to pull the correct rate based on the customer’s location.

  • Current setup: Store offers free worldwide shipping now, with plans to limit to selected countries later.
  • Requested behavior: If not free, show the actual shipping cost for the customer’s country by reading Shopify’s delivery rates, plus display the country name and flag.
  • Guidance provided: A link to Shopify’s “shipping zones” (grouping countries and assigning rates) was shared. No code or method for fetching and rendering the rate on the product page was provided.
  • Open questions: How to programmatically retrieve the correct country’s delivery rate from Shopify settings and render it on the product page. Whether country detection (e.g., geolocation) and flag display can be reliably integrated.
  • Status: Unresolved. Multiple participants asked if a solution was found; none posted. No images/code; one Shopify Help link included.
Summarized with AI on December 17. AI used: gpt-5.

@TrendBlend -

Zach from TaskHusky here.

Are you planning on offering free shipping to every country or just select countries?