Plugins for eCommerce plartforms

Klix provides plugins for most popular eCommerce platforms so that Klix can be integrated as simple as other plugins you might be already using in your shop. Integration using eCommerce platform plugin consists of a plugin installation and configuration. Plugin installation instructions differs between eCommerce platforms but configuration usually consists of two steps:

  1. Enabling Klix as a payment method.
  2. Specifying Brand ID and Secret key in plugin settings.

eCommerce plartforms

Magento

Compatible versions: 2.0+

Installation instructions:

  1. Connect to Magento server terminal.
  2. Create and navigate to a directory app/code/ in your Magento root directory if does not exist already.
  3. Download Klix Magento plugin: curl https://portal.klix.app/ecommerce_modules/magento-v2.0+.zip --output magento-v2.0+.zip
  4. Extract Klix Magento plugin archive contents to app/code/ directory so that there's app/code/SpellPayment/Magento2Module directory structure after that: unzip -q magento-v2.0+.zip && rm magento-v2.0+.zip
  5. Navigate to Magento root directory and run php bin/magento module:enable SpellPayment_Magento2Module --clear-static-content
  6. Run php bin/magento setup:upgrade
  7. Run php bin/magento setup:static-content:deploy (note that message "Manual static content deployment is not required in "default" and "developer" modes" can be ignored).
    Terminal screen
  8. Log in to your Magento store admin panel.
    Magento admin panel login screen

Mozello

Installation instructions:

  1. Log in to your Mozello store administration portal.
  2. Open Catalog -> Catalog settings -> Payment page and locate Credit cards / payment platforms section.
    Klix payment method configuration screen in Mozello
  3. Select "Klix by Citadele" in Connect online payment platform drop down and enter Brand ID and Secret key provided by Klix contact person. Change payment method title in checkout form if needed.
  4. Go to your Mozello store checkout page and check that Klix payment method is available. It's advisable to test Klix integration using a real card.
    Checkout payment method selection screen in Mozello store

OpenCart

Compatible versions: 3.0+

Installation instructions:

  1. Click on this link to download Klix OpenCart extension.
  2. Log in to your OpenCart store admin panel by specifying authentication credentials.
    OpenCart admin panel login screen
  3. Open "Extensions" -> "Installer" section from the main menu.
    OpenCart extension upload screen
  4. Press "Upload" button and select Klix OpenCart extension file downloaded in the first step. Progress bar will indicate extension upload progress.
    OpenCart extension install screen
  5. Open "Extensions" -> "Extensions" section from the main menu and filter payment extensions.
    Extensions filter screen
  6. Find Klix extension in extension list and press "+" (Install).
    Klix extension install screen
  7. Press "Edit" Klix extension.
    Klix extension edit button screen
  8. Enter Brand ID and Secret key provided by Klix contact person, mark "Enable API" to enable Klix payment method and select order payment success and error statuses.
    Klix extension settings edit screen
  9. Go to your OpenCart store checkout page and check that Klix payment method is available. It's advisable to test Klix integration using a real card.
    Checkout payment method selection screen
  10. Localize Klix checkout page (optional). By default all Klix payment method section text elements are in English. In order to add translations for Klix section to your store checkout page go to OpenCart store admin panel, open "Design" -> "Language Editor". Press on "+" (add new) button and for each language create translations for required keys: "klix_payment_method_selection" (Klix payment section title), "klix_place_order" (Klix pay button title). In given example translation for default "Select payment method" label is defined for Russian. In a similar way translation for pay button can be changed, the only difference is in translation key which should be "klix_place_order". Note that route should always be "checkout/checkout".
    Translation definition screen
  11. Go to your OpenCart store checkout page and preview translations by switching to desired language.
    Translated checkout payment method selection screen

PrestaShop

Compatible versions: 1.7+

Installation instructions:

  1. Click on this link to download Klix PrestaShop plugin.
  2. Log in to your PrestaShop store admin panel by specifying authentication credentials.
    PrestaShop admin panel login screen
  3. Open "Modules" -> "Module Manager" section.
    Module mangager menu screen
  4. Press "Upload a module" button.
    Open upload module dialog screen
  5. Select a module file downloaded in the first step. Selected module file will be installed.
    Upload module screen
  6. After module is installed press "Configure" button.
    Installed module screen
  7. Enter Brand ID and Secret key provided by Klix contact person, mark "Enable API" to enable Klix payment method.
    Klix module configuration screen
  8. Go to your PrestShop store checkout page and check that Klix payment method is available. It's advisable to test Klix integration using a real card.
    Checkout payment method selection screen

Shopify

Installation instructions:

  1. Click on this link in order to open Shopify login screen.
  2. Log in to your Shopify store by specifying store address, email and password.
    Shopify login screen
  3. Confirm Klix payment provider installation.
    Klix payment provider installation confirmation screen
  4. Open Settings -> Payments section.
    Payments section on settings screen
  5. Press Choose alternative payment button in Alternative payment methods section.
    Alternative payment methods screen
  6. Find and open Klix payment provider settings.
    Payment provider search screen
  7. Enter Brand ID and Secret key provided by Klix contact person and press Activate Klix button.
    Klix payment method configuration screen
  8. Go to your Shopify store checkout page and check that Klix payment method is available. It's advisable to test Klix integration using a real card.
    Checkout payment method selection screen

WooCommerce

Compatible versions: 3.5+

Installation instructions:

  1. Click on this link to download Klix WooCommerce plugin.
  2. Log in to your WooCommerce store admin panel by specifying authentication credentials.
    WooCommerce admin panel login screen
  3. Open "Plugins" -> "Add new" section.
    Plugin menu screen
  4. Press on "Upload Plugin" and select Klix WooCommerce plugin file downloaded in the first step, press "Install Now". In rare cases e.g. if your server is not configured to allow automatic installations you might need to install Klix WooCommerce plugin by manually transfering Klix plugin files onto the server. Follow these instructions in such case.
    Upload plugin screen
  5. Press "Activate" button to activate installed Klix WooCommerce plugin.
    Finished plugin installation screen
  6. Find Klix plugin and press on "Settings" link.
    Plugins screen
  7. Enter Brand ID and Secret key provided by Klix contact person and check Enable API checkbox.
    Klix plugin settings screen
  8. Go to your WooCommerce store checkout page and check that Klix payment method is available. It's advisable to test Klix integration using a real card.
    Payment option selection screen