← Checkout Web overviewSTEP 05 / 05
Complete the full payment flow in sandbox before requesting production validation. Confirm that the browser, backend and order status agree.
Implement these recommendations as you integrate Web Checkout with Alignet One Flex.
Flow responsibilities
Backend
Generates tokens, issues the
nonce, validates final statuses, and updates orders.Frontend
Initializes Flex, displays checkout, and handles callbacks to improve the user experience.
Security
Nonce and tokens
Nonce and tokens
- Generate the
Access Tokenandnoncefrom the backend. - Do not expose credentials or tokens in JavaScript, HTML, logs, or analytics.
- Renew temporary credentials when they expire.
Callbacks
Callbacks
- Use
responseCallbackfor user experience. - Use
trackingCallbackfor flow traceability. - Use
onErrorCallbackfor controlled messages and support.
Asynchronous methods
Asynchronous methods
- For QR, Cuotéalo, or PagoEfectivo, confirm the result through a query or notification.
- Handle pending, expired, and declined statuses.
- Avoid duplicating orders when customers retry.
Recommended UX
- Show clear messages for approved, declined, pending, or canceled payments.
- Keep the operation number available for support.
- Validate Flex on desktop and mobile devices.
- Test the language, close button, and visible payment methods before production.
The guide aims at implementation with Flex, including front,
nonce, payment response and final validation of result.Checklist base
1. Preparation
1. Preparation
- Revised business and technical requirements.
- Credentials and testing environment available.
- Domination, return pages and defined callbacks.
- Checkout Flow confirmed for merchant.
2. Technical configuration
2. Technical configuration
- Operating Authentication to Generate
tokenornonce. - Libraries or fronstore components loaded correctly.
- Mandatory parameters sent with proper format.
- Styles and visual experience reviewed within the checkout.
3. Flow Validation
3. Flow Validation
- Approved transaction completed correctly.
- Rejected transaction validated with bug management.
- autoisation response processed at front.
- Asynchronous methods tested if activated.
4. Confirmation and consistency
4. Confirmation and consistency
- Final status confirmed from backend or through consultation.
- Duples and reattempts handled securely.
- Order or pay properly updated to your system.
- Minimum logs available for support and diagnosis.
5. Production
5. Production
- Sandbox complete with minimum evidence of evidence.
- The production configuration revised by environment.
- Critical flows tested with integration equipment.
- Integration ready for live leave.
Minimum approval criterion
Approved purchase
At least an approved end to end validated flow.
Rejected purchase
Full Validation of Rejection and message management for the user.
Consisstore result
Confirmation between front and backend and final status of payment before production.

