API (VR pay secure Gateway)

When do I use VR pay secure Gateway

A VR pay secure Gateway is generated for integration into an application (e.g. web shop software).
In general it is an invoice with an amount, currency and the customer data in background.

The status of a Gateway can be tracked using the Webhooks and the API.

Integration types

VR pay secure Gateway can be implemented in two ways:

  • Redirect
  • Modal window

Usage

First you need to place the order using our /Gateway endpoint.
See /Gateway for more information about the request.

You will get a link back to which you can redirect your customer for the checkout procedure.
In case you would like to implement a modal window, use this link for the data-href attribute. More information you can find in the next section.

Modal window

Necessary scripts which you need to include in the head section of your html file.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script type="text/javascript" src="https://media.vr-pay-secure.de/modal/v1/gateway.min.js"></script>

To open the generated gateway link in modal window, use the following code example.

<a class="vr-pay-secure-modal-window" href="#"
    data-href="https://example.vr-pay-secure.de/?payment=GATEWAY-HASH">
    Open modal window
</a>
<script type="text/javascript">
    jQuery(".vr-pay-secure-modal-window").vrpaysecureModal();
</script>
  • More information about modal window, you can find on Modal window

🚧

Replacements

  • Replace example.vr-pay-secure.de with the URL of your VR pay secure installation
  • Replace GATEWAY-HASH by the hash returned by our Gateway API