Linking a card

When a customer decides to enter a card manually, they are given the opportunity to link this card to Click to Pay. The link card pattern (P7) is displayed within the credit/debit payment selection (P2).

THE SCREEN CONSISTS OF THESE ELEMENTS:

  1. Default state Gives the customer an opportunity to link their card to Click to Pay.
  2. Product education Allows the customer to learn more about Click to Pay before linking their card.
  3. Selected state Tells the customer how the card will be linked.
  4. Identifier Tells the customer which mobile number and email will be used to link their card.
  5. Legal text Gives the customer the opportunity to view terms and privacy associated with the SRC System that the card will be linked to.

Why is this important

Linking the card allows it to be accessed by the customer the next time they use Click to Pay at any participating merchant.

Related CX demo:

Required

1 Default state

If the card entered is eligible for Click to Pay, the customer is presented with the option to link the card to their existing Click to Pay credentials.

CX GUIDELINES:

  • Display checkbox container (unchecked) and in its default state (collapsed
    • Linking a card to Click to Pay is required to be an opt-in and not an opt-out.
  • Display Click to Pay icon next to link messaging “Link this card to Click to Pay”.
  • Provide a way for customers to learn more about Click to Pay by including a hyperlink to trigger product education.
    • Product education must always available for customers to learn more about
 Click to Pay before making a decision to link a card.
    • For accessibility, underline the hyperlink and use a high contrast colour.

Required

2 Product education

Introduces customers to Click to Pay, answers questions and allays concerns about how it works.

CX GUIDELINES:

  • Use the bullets point provided by the SRC Systems.
  • Use the assets provided by the SRC Systems.
  • Rules for the display of the horizontal mark are contained in SRC Reproduction Requirements, which can be found at www.emvco.com.

Best practice

3 Selected state

If the customer chooses to link their card to Click to Pay and checks the checkbox, then the selected state is displayed.

CX GUIDELINES:

  • Display checkbox container (checked).
  • Display Click to Pay icon next to link messaging “Link this card to Click to Pay” with Click to Pay hyperlinked to product education.
  • Display text “This card will be linked using the following mobile number and email:”.
  • Display the masked mobile number and email.
  • Display the legal text provided by the SRC System that the card will be linked to.

Required

4 Identifier

Tells the customer which mobile number and email will be used to link their card to Click to Pay.

CX GUIDELINES:

  • Display the masked mobile number and email.
    • Masking Rules can be found in Annex B of the SRC Core Specification
 located at www.emvco.com.

Required

5 Legal text

The legal text is provided by the SRC System that the card will be linked to. This must be displayed to the customer and informs them that they are giving consent to link the new card to Click to Pay. The customer must be given the opportunity to view the terms and privacy notice associated with linking the card to the SRC System.

CX GUIDELINES:

  • Display the legal text provided by the SRC System
  • Terms and privacy notice are required to be hyperlinked to the SRC System that the card will be linked to. The URLs will provided by the SRC System.

Best practice

Technical bits

Linking a card can be performed in two ways:
As part of the checkout flow by calling the following SDK method:

  • checkout()

Independently of checkout by calling the following SDK method:

  • enrollCard()