What does the buyer see for price, shipping and taxes?
How the post-purchase page shows the price, shipping, taxes and total, and how product images are displayed.
The post-purchase page shows the offer price near the product title and a money breakdown above the buttons. The accept button shows the amount that will be charged, for example Pay Now · $22.00.
What the button amount includes
The amount on the button comes from Shopify. It's the total the buyer will be charged for this offer:
- the offer price (after your discount) multiplied by the quantity;
- any extra shipping Shopify charges for adding the item;
- any tax Shopify adds, which depends on the buyer's address.
This is why the button can be higher than the advertised price. For example, an offer advertised at $19.95 can show Pay Now · $22.00 once sales tax is added.
You can hide the amount from the button with Hide price in accept button in the editor's Buttons section.
The price breakdown
| Line | When it shows |
|---|---|
| Subtotal | When the offer adds tax |
| Shipping | Unless the product doesn't need shipping (see below) |
| Taxes | When the offer adds tax |
| Total | When the offer adds tax. It always matches the button amount. |
When Shopify adds tax to the offer, the page always shows the full breakdown, so the buyer can see why the button is higher than the price. If there are several taxes, such as a state tax and a county tax, the Taxes line shows them added together.
When no tax is added, the page shows only the Shipping line.
Digital products show no shipping
If the offered product doesn't require shipping in Shopify (the This is a physical product box is unticked on the product, as for digital products), the Shipping line is hidden.
After you change this on a product, the post-purchase page can take up to 30 minutes to reflect it.
Small amounts are shown as amounts, not "Free"
A shipping or tax amount of zero shows as Free. Any amount above zero, including amounts under 1 such as £0.24, shows as the real amount. This matches what the buyer is charged.
Product images
The large image shows the selected product image, and the thumbnails sit beneath it:
- The page loads up to 10 images per product.
- Four thumbnails are visible at a time.
- With five or more images, ‹ and › arrows appear beside the thumbnails. They move one image at a time and grey out at either end.
- Clicking a thumbnail makes it the large image.
The editor's Product image slider setting only changes the preview in the editor. The live page always shows the thumbnails.
Reviews
If Show reviews is on, five stars and a review count appear under the price. The rating and count come from the Loox reviews app. If the product has no Loox reviews, the page still shows five stars and "(0 reviews)". In that case, turn on Use custom reviews and enter your own values, or turn reviews off.
Replacement offers
For an offer that replaces an item in the order, the button shows the difference: the total minus the price of the item being replaced. See Replacing a product with an upsell.
How does the post-purchase flow work?
The order in which post-purchase offers are shown, what happens when the buyer accepts or declines, and how they are charged.
How do I replace a product with an upsell?
Set up a post-purchase offer that swaps an item in the buyer's order for the upsell and refunds the original item.