- Short answer
- Position and dark or light only: theme code, or a Custom Liquid block if your theme supports it; the pages we read list no size or color controls.
- No-code route
- A Custom Liquid block, dragged into place, typically below Buy buttons — only if your theme supports custom blocks.
- Code route
- Paste the anchor into the product form, below the payment button line; duplicate your theme first.
- Dark or light
- The module picks the higher-contrast theme; a data-theme attribute overrides it.
- Not listed
- The Shop Promise pages we read list no size, color or font controls.
- Language
- 32 supported languages; an unsupported store language shows the badge in English.
- Help with code
- Shopify Support might update a Shopify-made theme on Basic or higher; it doesn't write custom code.
- Where Shop Promise can show
- Eligible US domestic orders with a predictable date inside the Shop Promise window; calculated-rate products: checkout only, not product pages.
How do you move the Shop Promise badge?
In the theme editor, add a Custom Liquid block on the product page, paste in the anchor — an empty div with the class delivery-promise__promise-container — and drag the block into place, "typically below the Buy buttons block."
If your theme supports custom blocks, then you can use a Custom Liquid block to add the Shop Promise module to your product page without editing theme code.
Not all themes support Custom Liquid blocks. If your theme doesn't have this option, and you're comfortable editing theme code, paste the same anchor on a new line below the payment button line in the product form. Work in a duplicate of your theme; the Shop Promise product page guide has the exact lines.
Can you change how the badge looks?
The module has a dark and a light theme and uses whichever gives "the highest contrast ratio" against your page background. To choose, add a data-theme attribute to the anchor or your Custom Liquid block.
The Shop Promise help pages we read on September 29, 2026 — product page, activation, eligibility, order availability, analytics and rates — and Shopify's Shop Promise program page list no size, color or font controls. The badge supports 32 languages; if your store's language isn't supported, it shows in English.
What should you check before you edit your theme?
The badge displays on eligible US domestic orders when a delivery date can be predicted within the Shop Promise window, so it might not appear on every product page even with the program active — a gap there isn't necessarily a placement error. Products shipped with calculated shipping rates can show Shop Promise only during checkout, not on the product page. If the badge doesn't display correctly, check that accelerated checkout buttons are activated.
On Basic or higher with a Shopify-made theme, Shopify Support might be able to update your theme, though Shopify's design policy says Support "doesn't write custom code or make arbitrary code changes." For a third-party theme, ask its developer or hire a Shopify Partner — see what hiring a Liquid developer costs.
Want the badge gone instead? See whether you can hide just the badge.
This article was written entirely by AI under human editorial direction. The editor sets the topic and structure, runs multi-stage validation on facts, links, and interactive elements, and verifies the output is useful from a business perspective. All claims are checked against official Shopify sources. Details may change — always confirm critical data at shopify.com.
Editorial Policy