Magento 2 Cardsave Hosted Payments

Table of Content

  1. Extension Installation Guide
  2. Configuration
  3. Cardsave Payments in Frontend
  4. Cardsave Payments in Backend
  1. Extension Installation
  • 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 setup:upgrade
    • For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy
    • For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f
    • php bin/magento cache:flush
  • That’s it.


  1. Configuration

For configuring the extension, log in to Magento 2, move to Stores > Configuration > Sales > Payment Methods where you can find various settings to enable the extension.

  • Enabled: Enable Cardsave payment method.
  • Title: Enter the title of the payment method to show in frontend.
  • Payment Gateway URL Domain: Enter payment gateway URL domain provided by Cardsave payment gateway while registration.
  • Show Worldpay Logo: Set YES to show Worldpay logo in the frontend.
  • Sandbox: Set “YES” to enable sandbox mode.
  • Merchant ID: Enter the merchant ID you have got while registration.
  • Form Integration Encryption Password: Enter form integration encryption password you have got while registration.
  • Pre-shared Key: Enter pre-shared key you have got while registration.
  • Hash Method: Select the hash method for security.
  • Additional Information: Enter additional information to show on the checkout page.


  1. Cardsave Payments in Frontend
    Once the extension settings are done, you can see Cardsave Payments enabled in the frontend. When a customer adds products to cart and proceeds to make payment, he can see the Cardsave payment method. Select the payment method and click “Continue to Payment” to get redirected to the Cardsave hosted payment page.



  • Redirection to Cardsave Hosted Payment Page
    Once the customers click to “Continue to Payment”, they get redirected to the Cardsave hosted payment page to add card details and finish payments.



  • Cardsave Payments Details in “My Account”
    Once the order is placed successfully, customers can see Cardsave Payments details in their “My Account” section.


  1. Cardsave Payments in Backend
    The Cardsave Payments method details can be seen from the backend under Sales > Orders > Order view section.