Fast Checkout

Javascript library to boost checkout experience

Comment

Inspiration

We love ordering food from different restaurants online but we have to face different checkout experiences and have to share addresses to the restaurant every time we change the restaurant. So that was the place we leave the checkout process due to privacy issues and security concerns.

That is where we've got our inspiration to this hackathon.

What it does

Flash Checkout will load natively on your website and a user will be able to complete all steps including applying a coupon (if available), selecting a saved shipping/billing address or adding a new shipping/billing address, and selecting the payment method

How it works

  1. Integrate plug and play Flash Checkout library.
  2. Customers save their personal data and payment information with Rapyd API once while checking out
  3. Flash Checkout prefills all customer information for every subsequent purchase across all network integrated with our own JS library. That's a 50% faster checkout and a 20% rise in conversion rates!

Note: One Time Password (Hard-coded)

OTP IS 123456

How we built it

  1. Backend was set up using NodeJS in order for the front end to work.
  2. More than 2000+ lines of JavaScript were written in order to create our own JS library which can be easily integrated with just one line of code.
  3. Use of MongoDB just to store session, and customer id to ensure maximum reusability of personal information.
  4. Hosting of Backend on AWS and on Heroku.
  5. Extensive use of Rapyd API for the following purpose:-
  6. /v1/payment_methods/country?country='+countryname : To fetch available payment methods.
  7. /v1/data/countries - To populate country code and currency.
  8. /v1/checkout- To generate checkout id.
  9. /v1/checkout/'+ checkoutid : - To fetch the next step and to track payment status.
  10. /v1/customers - To create new customer if not available in our database.
  11. /v1/addresses/ - To get address from address id to autofill information.
  12. /v1/addresses (POST) - To save the address and store the address id in our database.
  13. /v1/coupons - To list coupons for discounts.

Challenges & Accomplishments that we're proud of

  1. We had no prior experience in creating JS libraries. Creating a JS library with 2000+ lines of code to boost conversions was one of the accomplishments that we're proud of.

  2. Integrated Calendars event for future checkouts.

  3. Businesses can boost sales by adding a few lines of code of JAVASCRIPT.

  4. Successfully integrated with Advertisement.

What we learned

  1. We have learned the workflow to reach the checkout via Rapyd API.
  2. Gained knowledge to create own JS library from scratch.
  3. Integration of TWILIO, Calendars, Amazon Web Services, Google Sheet.

What's next for Flash Checkout

  1. 30% Online Shoppers Return Orders To Origin. We can make use of Machine Learning so that our proprietary algorithm could flag high-risk customers and disables the COD option for them.

  2. To bulk upload the addresses in our system.

  3. To create a mechanism to pass the pixel ID while rendering Flash Checkout which then gets passed back to you along with all necessary information such as: at what step did a user drop off. You can therefore continue to use the same retargeting/remarketing setup as you already do.

Demo Websites:

  1. Fruits.com

  2. Furnitures.com

  3. Avertisement URL (https://arghya721.github.io/blog/banner%20ad/index.html)

Share this project:

Updates