Reading list Switch to dark mode

    Magento 2 PayTabs Sadad Payment

    Updated 13 October 2023

    Paytabs Sadad Payment for Magento 2: Using this payment gateway extension, you can integrate Sadad Payment via PayTabs in your Magento store. Merchants from Saudi Arabia can use their Sadad accounts for making online payments transaction easily.

    Please Note:

    • The Sadad Payment only supports SAR currency.
    • Create a new account on PayTabs using Webkul referral link

    Watch the below video tutorial to understand the extension workflow:

    E2PXeEnyVkI

    Features

    • Enable/Disable payment method from the admin panel.
    • Admin can configure Paytabs Sadad payment method.
    • Buyer can do payment by Sadad account.
    • Sandbox mode is available.
    • Set the payment method title
    • Set the sorting order
    • Set the order status: confirmed payment
    • Module supports multiple languages including RTL Arabic.
    • The source code is open for customization.

    Installation – SADAD Payment Gateway for Magento 2

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The

    extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below:

    Searching for an experienced
    Magento 2 Company ?
    Find out More

    webkul-magento2-sadad-payment-gateway-Installation-1

    After the successful installation, you have to run these commands in the Magento2 root directory.

    First Command – php bin/magento setup:upgrade

    command1-upgrade-3

    Second Command – php bin/magento setup:di:compile

     Third Command – php bin/magento setup:di:compile

    Third Command – php bin/magento setup:static-content:deploy

    command3-deploy-1

    After running the commands, you have to flush the cache from the Magento admin panel by navigating through ->System->Cache management as shown below in the snapshot.

    webkul-magento2-sadad-payment-gateway-cache-mgmt-18.png

    Multilingual Support

    For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content).

    webkul-magento2-paytabs-sadad-payment-multilingual

    Module Translation

    If a user wants to translate their module from English to Arabic. Then they need to follow the path app/code/Webkul/PaytabsSadad/i18n in their unzipped magento2_ paytabs_Sadad folder and will get a CSV file with name “en_US.csv”.

    Now they will rename that CSV as “en_SA.csv” and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.

    And then upload it to the path app/code/Webkul/PaytabsSadad/i18n where they have installed Magento2 on the server. The module will get translated into the Arabic Language. It supports both RTL and LTR languages.

    webkul-magento2-paytabs-sadad-payment-multilingual..pngwebkul-magento2-paytabs-sadad-payment-multilingual..png

    How to get The Paytabs Secret Key

    To receive the payments, the admin will have to add his Sadad bank within the Paytabs account.

    Step 1:  To create a Merchant account click here and fill in the required information and click the Sign-Up button.

    webkul-magento2-sadad-payment-gateway-Sign-up-2.png

    Step2: Now the page that comes up click on the Continue To Dashboard button.

    webkul-magento2-sadad-payment-gateway-Sign-up-3.png

    Step 3: You will receive a verification mail on the email address that you have provided while signing up. Here, click Verify.

    webkul-magento2-sadad-payment-gateway-Sign-up-verify-4.png

    Step 4: Log in using the Email address and the password(used for creating the account at Paytabs) and navigate to the Secret key menu option. Here, you will find the Secret key that is to be entered in the module configuration settings.

    webkul-magento2-sadad-payment-gateway-secret-key-5.png

    The merchant can also manage their profile by navigating through the My Account>My Profile, where the merchant can easily update his/her information.

    Also, the merchant needs to enter the site URL i.e where the sadad payment method via paytabs has been integrated. In order to make this module used by the customers.

    webkul-magento2-paytabs-sadad-payment-my-profile-14

    Module Configuration

    To configure the module settings, the admin needs to navigate through Store->Settings->Configuration->Sales->Payment Methods->Paytabs SADAD Payment to bring up the module configuration settings.

    Now, you will be on the module configuration section as shown below in the snapshot.

    webkul magento2 sadad payment gateway Configuration Settings 6 1

    Here, the admin will configure the module settings that are available –

    • Enable– In order to enable this solution select “Yes” or to disable it select “No”.
    • Title– Here Admin Can Enter the Title which is displayed at the product Check out Page under Payment Methods.
    • Merchant Email– Enter the Paytabs registered e-mail address.
    • Paytabs Secret Key – Enter the Paytab access key received after registering at Paytabs.
    • Payment From Applicable Countries – Select Payment from Specific Countries or Allow all the Countries.
    • Payment From Specific Countries– If selected Specific Countries under Payment From Applicable Countries option then admin can select the specific Countries where this Payment Method will Work.
    • Sort Order – Set the sequence in which the payment gateway will be visible at the checkout page for the customers.
    • New Order Status – Set the New Order Status that will be set after completing an order using the Sadad payment method.

    After configuring the module settings, click the Save button to save the configuration.

    Frontend-Workflow

    On the customer Front end as customer add products to the cart and proceed to check out page, then on the Order Review & Payments page SADAD payment Method will be visible on the upper left side of the web page.

    Now, enter your Sadad Account Id and click the Place Order button & then you will be redirected to the Sadad Payment System.

    webkul-magento2-paytabs-sadad-payment-checkout

    Here, the customer has to enter their Sadad Account ID and the Password and then click the Proceed button. payment.

    webkul-magento2-sadad-payment-gateway-sadad-payment-page-8.png

    Now the page that comes up has the transaction details. Here, select your secret image, select a one-time password method, and click the Submit button after thereafter.

    webkul-magento2-sadad-payment-gateway-sadad-payment-page-9.png

    After clicking the Submit button in the above image, the customer can see the transaction details which include – Merchant Reference NoSadad Transaction NoTransaction AmountDescription, and Status of the Transaction.

    webkul-magento2-sadad-payment-gateway-sadad-transaction-summary-10.png

    Now, the customer will be redirected back to the merchant website. Here, you can see the notification for placing the order successfully.

    webkul-magento2-sadad-payment-gateway-Success-page-13.png

    Once the order is placed successfully,  Customer can check the order details by navigating to My Account-> My Orders section. To check the details of the placed order click the View button for the respective order.

    webkul-magento2-sadad-payment-gateway-my-order-14

    Also, a customer can view and Print his/her Invoice ,shown in below screenshot.

    webkul-magento2-sadad-payment-gateway-invoice-15

    Admin Management Of SADAD Payment Gateway For Magento2

    Admin can see the order details from the back end Sales ->Orders. Here the admin can see the “SADAD Payment Method” being used for the placed order.

    webkul-magento2-sadad-payment-gateway-view-order-16.png

    Here, the admin can view the complete list of orders. And can select the order to view and manage the orders. After clicking the View link, the order information page will open up as per the below image.

    webkul-magento2-sadad-payment-gateway-admin-order-17

    Also Admin can find the invoice under Order view-> Invoice

    webkul-magento2-sadad-payment-gateway-view-order-16

    Support

    For further queries or customization requirements, please send an email to our support team at [email protected] If you find any issues in this module, please create a support ticket at- https://webkul.uvdesk.com/en/customer/create-ticket/.

    Current Product Version - 2.1.1

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content