Openbravo Commerce Cloud

Payment credit card screen in SCO

This guide explains how to use the payment credit card screen in the Self-Checkout (SCO) system. It covers screen behavior across providers, expected user interactions, error handling, and post-payment flow to the Good bye screen.

Overview

  • The credit card payment screen appears after selecting the Credit Card method on the Payment screen.

  • Behavior varies by card provider (e.g., different prompts, confirmation dialogs, or device messages).

  • Most transactions require no user interaction beyond tapping/inserting the card and entering PIN/signature on the payment terminal.

  • Some providers may request additional confirmations or data (e.g., user data) via on-screen dialogs.

  • If the payment fails, the user will be prompted to retry, choose another method, or cancel.

User Journey at a Glance

Step

What the User Sees/Does

System Behavior

  1. Select Credit Card

User selects Credit Card on the Payment screen in SCO.

  • Navigates to the credit card payment screen. * Initializes payment terminal with amount and currency.

  1. Present/Insert Card

  • Tap, insert, or swipe the card on the reader. * Follow terminal prompts (PIN/signature). The user can cancel the operation while the system is waiting for card insertion.

  • Captures card data via PCI-compliant reader. * Sends authorization request to provider.

  1. Provider Prompts (if any)

May see confirmation windows or text dialogs (e.g., select currency, confirm amount).

  • Displays provider-specific UI overlays with clear actions (Confirm/Cancel). * Times out safely if no interaction.

  1. Authorization Result

  • Approved: no further action. * Declined/Failed: choose retry or another method.

  • On approval, locks basket and records payment token/reference. * On failure, surfaces informative error and suggested next steps.

  1. Continue to Goodbye Screen

User sees confirmation and proceeds to the Goodbye screen automatically.

  • Prints/offers receipt per configuration. * Resets session state for the next customer.

Common Steps – Screen Captures

Visual walkthrough of typical credit card payment steps in SCO.


Step: Payment – Follow terminal instructions

localhost_3000__terminal=VBS-2(Pos2) (5).png
Follow terminal instructions, automatically hidden

Step: Payment – Insert Card

localhost_3000__terminal=VBS-2(Pos2) (7).png
The user can cancel the operation at any time while the system is waiting for card insertion.

Step: Payment – Enter PIN on terminal

localhost_3000__terminal=VBS-2(Pos2) (6).png

Step: Payment – Remove card

localhost_3000__terminal=VBS-2(Pos2) (8).png
Remove card. Message displays until card is removed.

Step: Payment – Payment completed

localhost_3000__terminal=VBS-2(Pos2) (10).png
Payment completed message, automatically hidden

Error Cases - Screen Captures

1. Transaction Rejected

This error occurs when the card provider declines the payment. The user is informed and prompted to retry or choose another payment method.

localhost_3000__terminal=VBS-2(Pos2) (14).png
Rejected screen, automatically hidden
localhost_3000__terminal=VBS-2(Pos2) (15).png
Authorization failed. User can go back and select another payment method or retry.

2. Transaction Canceled by User

This error occurs when the user cancels the operation before completing the payment.

eadbcdf5-abbf-45b7-b5ae-94bb3f608675.png
Payment not completed. User can return to select another payment method or retry.