Magento 2 CBK T-Pay - PowerPoint PPT Presentation

About This Presentation
Title:

Magento 2 CBK T-Pay

Description:

Integrate Commercial Bank of Kuwait’s mobile QR code payment solution in your Magento store using Magento 2 CBK T-Pay extension by Meetanshi. – PowerPoint PPT presentation

Number of Views:1
Slides: 13
Provided by: meetanshiinc
Category: Other
Tags:

less

Transcript and Presenter's Notes

Title: Magento 2 CBK T-Pay


1
CBK T-Pay for Magento 2 User Guide
  • Table of Content
  • Extension Installation
  • Configuration
  • CBK T-Pay Method in Frontend
  • CBK KNET Payment Method Selection
  • CBK T-Pay Method Selection

2
  • Extension Installation
  • For Magento Marketplace Customers
  • Create a folder structure in Magento root as
    app/code/Meetanshi/Cbk
  • Download and extract the zip folder and upload
    our extension files to the app/code/Meetanshi/Cbk
    via FTP.
  • Login to your SSH and run below commands step by
    step
  • php bin/magento setupupgrade
  • For Magento version 2.0.x to 2.1.x - php
    bin/magento setupstatic-contentdeploy
  • For Magento version 2.2.x above - php
    bin/magento setupstatic-contentdeploy f
  • php bin/magento cacheflush
  • For Meetanshi Customers
  • Extract the zip folder and upload our extension
    to the root of your Magento 2 directory via FTP.
  • Login to your SSH and run below commands step by
    step
  • php bin/magento setupupgrade
  • For Magento version 2.0.x to 2.1.x - php
    bin/magento setupstatic-contentdeploy
  • For Magento version 2.2.x above - php
    bin/magento setupstatic-contentdeploy f
  • php bin/magento cacheflush
  • Configuration

3
(No Transcript)
4
3. CBK Payment Method in Frontend Once the
extension is configured, customers add the
products to cart and select CBK Payment option
from the checkout page.
5
  • Redirection to Hosted Payment Page
  • On click of Place Order button from the
    checkout page, customers get redirected to the
    CBK hosted payment page. Using CBK payment,
    customers are allowed to pay either using KNET
    or using CBK T-Pay QR code payment method.
    Customers has to select one of the payment
    options to continue payment for the order.

6
  • CBK KNET Payment Method Selection
  • On selection of KNET payment method option from
    the hosted payment page, customers are
    redirected to KNET hosted payment page to add the
    card details and complete the payment.
  • Add Card Details
  • Customers are required to enter card details on
    KNET hosted payment page to proceed the payment.

7
  • Confirm Card Details
  • Once customers enter the card details, they are
    required to confirm before proceeding to the
    payment.

8
  • KNET Payment Details in Customers My Account
    Section
  • Once the payment is successful and order is
    placed, customers can see KNET payment details
    in their My Account section which includes
    payment ID, track ID, transaction status,
  • transaction ID, reference ID, auth code, pay ID,
    post date and amount.

9
  • KNET Payment Details in Sales Order View Backend
  • Apart from the customers, the admin can also see
    KNET payment details in Sales gt Orders gt Order
    View in the backend. The KNET payment details
    include method title, payment ID, track ID,
    transaction status, transaction ID, reference ID,
    auth code, pay ID, post date and amount

10
  • CBK T-Pay Method Selection
  • On selection of CBK T-Pay method option from the
    hosted payment page, customers are redirected to
    CBK T-pay service page to scan the QR code using
    CBK mobile app and complete the payment.
  • Scan QR Code to Pay
  • On CBK T-pay service page, customers are asked to
    scan the QR code using CBK mobile app. Once they
    scan the code and complete the payment from the
    mobile app, the order gets paid
  • successfully.

11
  • CBK T-Pay in My Account section
  • Once the payment is successful, the payment
    method details are shown in the Account
  • dashboard, in My Orders tab which includes
    track ID, transaction status, transaction ID,
    pay ID and amount.

12
  • CBK T-Pay Payment Details in Sales Order View
    Backend
  • Apart from the frontend, the admin can see CBK
    T-pay payment details in sales order view
    section from the backend. It displays the payment
    method name, method title, track ID,
  • transaction status, transaction ID, pay ID and
    amount.
Write a Comment
User Comments (0)
About PowerShow.com