Introduction

In this scenario, the consumer's email is recognized which means that Skipify will control and streamline the checkout experience, drastically reducing time to payment. Skipify also submits payment on your behalf using your merchant credentials.

📘

A registered Skipify consumer can be recognized even if they didn't enroll with you

This SDK feature will allow you to recognize any Skipify user regardless of how they enrolled, speeding up checkout across many different websites and payment portals

Workflow Description

In this flow, when a customer visits your checkout page and enters their email, you are capturing it with an Email Listener before sending it to our SDK.

Behind the scenes, the SDK checks the email to confirm whether or not it's in our database.

In this flow, the email is in our database, so the SDK will kick off the Connected Checkout flow.

Skipify controls the experience by presenting the consumer with a one-time passcode (OTP) and then allow them to select and edit payment methods. When the consumer goes to pay, we submit payment to your gateway with the appropriate credentials.

After an order has been submitted, we share the results with you via an Order Success/Failure Callback. This callback provides you with information about whether or not the payment was successful, allowing you to render the appropriate page on your website.

Resources

The above workflow points out specific SDK features that you will need to employ in order to successfully utilize Connected Checkout. They are listed below:

Email Listener

This is a simple bit of Javascript that captures an email address once it is typed in, so that it can be sent to the SDK. The listener will only send the email address once the user changes focus to the field.

Sample Code:

myEmailInput.addEventListener('blur', (e) => { 
    let email = e.target.value; 

    new window.GoCartSDK.Button({ // This will launch GoCart's SDK 
        // You will setup logic for creating an order and related processes using GoCart's callbacks  
    }).guestRedirect(email) // GoCart will check the entered email address and launch the Expedited Guest Checkout flow if the email exists in our database.
});

Connected Checkout

The first thing that this function does is check internally to see if that customer's email is a registered Skipify user. In this flow, the customer's email is recognized, and the entire flow is taken over by Skipify. We submit payment on your behalf.

Payment Submission and Required Callbacks

After an order has been submitted by Skipify, you will need to implement a callback via the SDK to receive the order status. This is how you will know where to send your consumer after Skipify has processed the order. It is also how you will receive the response Skipify got from your payment gateway.

Asynchronous Customer Recognition

If you would like to use our SDK to check if a consumer is enrolled outside of the checkout process, you can utilize this function. This is meant to give more flexibility during checkout. You can call this function with the following snippet:

new window.GoCartSDK.Button({
        orderDetailsCallback: () => {},
        success: () => {},
        error: () => {},
      }).customerExists(email)
      .then((response) => {
        console.log(response) // The response will be true if the customer exists and false if they do not exist.
      });