Product offer card

The PRODUCT_OFFER_CARD entry point displays a product image, title, discounted price, original price, and when the product offer will expire.

See ProductOfferCardEntryPointSetInput for options.

See uploading images for how to set images.

Example

Cleanup

When creating PRODUCT_OFFER_CARD entry point it's important you plan for how to remove them again when they expire and/or once the offer has been used and is no longer valid. This prevents users from seeing stale offers.

You can also hide the entry point that was used to open your mini with immediate effect using shopActions.hideEntryPoint(). If your mini triggers a checkout with the offer you could, for example, listen for the completed checkout and then hide the entry point:

useCheckoutSuccessfully(() => {
  shopActions.hideEntryPoint()
}, [])

This is a client-only solution, you should continue to delete the entry point as normal once the offer is used but this action gives you more time to do so without the user seeing the offer twice.

See Checkout for more information about useCheckoutSuccessfully

Example​

Cleanup​

Example

Cleanup