InPost Pay Widget
InPost Pay Widget Implementation Standards
Before implementing the service in your online store, make sure to review the article InPost Pay Implementation Standards, which explains how to correctly place the button on your store’s pages in accordance with current standards, introduces best practices, and provides access to marketing materials.
Placing the InPost Pay Widget on the Store Page
The InPost Pay widget provides a “Buy with InPost” button that allows customers to synchronize their cart with their InPost Mobile app and easily complete their purchase.
Mandatory placements
Place the widget in these three key locations:
Product page – directly below the “Add to Cart” button.
Cart summary page – above the delivery and payment selection forms.
Thank-you page – after an order has been placed, to inform the customer that their products are waiting in the app.
Optional placements
You can optionally add the button in other areas—choose those that best match your store’s purchase flow, especially where cart abandonment is most common:
Order creation stage – during finalization and submission of the order.
Cart popup – the small window that appears after adding a product to the cart, confirming the action and showing cart contents.
Checkout page – where the customer enters delivery, payment, and contact details to complete the purchase.
Mini-cart – a compact cart view, usually in the header, with a quick preview of selected products.
Registration page – where a new customer creates an account by entering their details.
Login page – where a returning customer enters login credentials to sign in.
Widget appearance
You can adjust:
Color – choose from available options to match your store’s design.
Corner rounding – sharp or rounded corners.
Size – adjust to match other buttons in your store.
Widget Visibility During Implementation and Testing
While testing in the production environment, the widget must be hidden from customers.
Widget visibility should be controlled at the code or configuration level. This can be achieved by implementing an access authorization mechanism that allows the widget to display only on a dedicated URL with an appropriate parameter, e.g., https://shop.url?showInPostPay=true.
Restricted access – during testing, the InPost Pay widget should be displayed only for specific users (e.g., filtered by IP address or test accounts).
Full widget activation should occur only after testing is complete, a successful audit has been passed, and the service has been fully deployed and approved as ready for use by all store customers.
How the InPost Pay Widget Works
The InPost Pay widget synchronizes the online store’s cart with the InPost Mobile app to simplify and speed up the purchase process.
Purchase process flow in InPost Pay - link.
How the widget works – from the customer’s perspective
Imagine a customer shopping in your online store:
Starting shopping – creating a cart
On the product page, directly under the standard “Add to Cart” button, an additional “Create cart with InPost” button appears.
When the customer begins shopping, they can click this button to link their cart with their InPost Mobile app.
A modal window appears with three ways to pair the cart:
1. Entering a phone number (desktop) – the customer enters their phone number, and a push notification with the cart appears on their mobile device.
2. Scanning a QR code (desktop) – the customer opens the InPost Mobile app, scans the QR code, and the cart appears in the app.
3. Automatic app launch (mobile device) – when shopping on a mobile device, clicking the button automatically opens the InPost Mobile app with the ready cart.
Shopping in the app
After the cart is paired, the widget changes its message to “Products in cart” and shows the number of items in the cart.
The customer continues in the app, where:
Contact and address data are already stored, so there’s no need to fill out forms.
Delivery and payment options can be selected with a single click or are pre-suggested based on previous purchases.
The customer finalizes their purchase.
When the browser has been added as a trusted device:
If a desktop browser is linked to InPost Mobile, the widget displays a masked version of the linked phone number.
The widget allows unpairing (removing) the linked cart from that phone number.
Managing the list of linked browsers is available directly in the InPost Mobile app.
Finalization and confirmation
After placing an order in the app, the widget on the store page changes to a thank-you screen confirming that the order has been successfully placed.
Benefits for customers
Faster checkout – no need to manually enter personal or address data.
No account creation required – data is securely taken from the InPost Mobile app.
Simpler and more convenient shopping – the entire process happens within an app familiar to the customer.
Support
For questions about widget placement or non-standard purchase flows, please contact your sales representative or email integracjapay@inpost.pl.
Widget Embedding Examples
Examples of embedding the widget and best practices for placing it in your online store can be found here: InPost Pay Implementation Standards.