General information

The PAYONE Payment Plug-in for Shopware enables the connection of Shopware 6.x to the PAYONE platform for secure and automated handling of all payment processes. The plug-in fits seamlessly into the standard checkout process of the Shopware online shop. In the Shopware administration area there are extensive configuration and administration options available.

Supported Payment Methods

The plug-in supports the processing of the following payment methods via the PAYONE platform.

Download and Installation

Requirements

To make successful requests to our platform, you'll need the follwing:

1. An active Merchant Account. Don't have one yet? Contact us!
2. An installed and running instance of Shopware 6. See here for further details.
3. Some payment methods require additional sandbox accounts

Installation

Github and Composer

Our recommended installation method for advanced users is installation via composer and Shopware CLI:

composer require payone-gmbh/shopware-6
php bin/console plugin:install PayonePayment
php bin/console plugin:activate PayonePayment
php bin/console cache:clear

Shopware Store and Plugin Manager

After Installation the plugin shows up in the Shopware Plugin Manager

Image Removed

Configuration

Configuration in the PAYONE Merchant Interface

Transactionstatus URL

To send the transaction status to the correct address, the following must be entered in the PAYONE Merchant Interface (PMI).
Configuration > Payment Portals > YOUR_PORTAL > Advanced > TransactionStatus URL

Image Removed

Hash Calculation Method

Please make sure to set the hash calculation method to sha2-384 or "both".

Additional Response Data

In the General tab, set the Additional Response Data to "on" both for live and test.

Image Removed

Basic Plugin Settings

You can find the configuration of the PAYONE Plugin by clicking on Settings → Plugins → PAYONE

Image Removed

Image Removed

can be either

• Authorization
• Preauthorization

Please see here for more Information on where to find your merchant credentials: Quick Start Guide - English

Status Mapping

The PAYONE Platform sends transactionstatus callbacks to the shop, which can inform you about the status of transactions. For example, a transactionstatus "paid" is sent after the cashflow was triggered during an authorized payment. To learn more about transactionstatus callbacks, please refer to this site: Parameter for the TransactionStatus query#Listofevents(txaction)

Image Removed

The Status Mapping Configuration lets you map Shopware order statuses to these transactionstatus messages.

Payment Method Management

You can activate and deactivate the payment methods via the standard Shopware menu in Settings → Shop → Payment. PAYONE payment methods use the prefix "PAYONE"

Image Removed

Payment Type Specific Settings

Every payment method can use their own set of portal credentials, so if you want to customize any portal data for a specific payment method, please use the corresponding configuration block.

Credit Card

Some payment methods like credit cards have custom field styling for the iframe-based input fields. You can change the field styling by creating a new plugin depending on this plugin via composer.

In the new plugin you can then define an overriding javascript plugin like this (example uses custom/plugins/MyPlugin/src/Resources/storefront/my-payone-payment/my-payone-payment.credit-card.plugin.js):

import PayonePaymentCreditCard from '../../../../../PayonePayment/src/Resources/storefront/credit-card/payone-payment.credit-card';

export default class MyPayonePaymentCreditCard extends PayonePaymentCreditCard
{
    getFieldStyle() {
        const style = super.getFieldStyle();

        style.push('height: 300px');

        return style;
    }
    getSelectStyle(){
        const style = super.getSelectStyle();

        style.push('background-color: black');

        return style;
    }
}

Then you can register the overriding plugin in your custom/plugins/MyPlugin/src/Resources/storefront/main.js:

import MyPayonePaymentCreditCard from './my-payone-payment/my-payone-payment.credit-card.plugin';

const PluginManager = window.PluginManager;
PluginManager.override('PayonePaymentCreditCard', MyPayonePaymentCreditCard, '[data-is-payone-credit-card]');

// Necessary for the webpack hot module reloading server
if (module.hot) {
    module.hot.accept();
}

Paysafe Payments

Paysafe Pay Later Invoicing

Image Removed

Paysafe Pay Later Installment

Image Removed

Password for the URL to the EU standard credit information hosted by Paysafe (Unsure what goes in here? Contact your Paysafe Representative for assistance!)

Orders

The PAYONE plugin sets the payment status of an order according to the set status mapping.

Image Removed

Collecting and Refunding Money

Collecting Money

Preauthorized transactions can be captured using the "Capture" button in the order details:

Image Removed

In this example, the payment status changes to "paid", according to the set status mapping.

Image Removed

Refunding Money

This paid order can now be refunded by using the "Refund" button in the order details.

Image Removed

Table of Contents