Example description: Payment with subscription

Basic: 1€ is charged every day during 3 days.
Standard: 3€ per month for 4 months.
Premium: 5€ is charged per day with no ending date.

In this example, a Custom Form is used to manage a Subscription Signup based on a previously configured SubscriptionModel. This demo was designed on the basis of 3 used cases:

After confirmation, to access the customer portal, you can click on "manage my subscription" to cancel it or use another card.

In the first example (basic), a first invoice of the subscription is charged when the Subscription Object is created (as no starting date is set). The following days (it could be also one or more weeks or months) new invoices of the same subscription is charged until the Subscription end date (configured in the SubscriptionModel, it can be an integer or unlimited invoices).

Show CURL code to make the payment request Show JSON response from CentralPay API Show payment request form/QR Code in a popin (iframe) Show QR Code instead of the payment request form

paymentRequestId :

Basic

1,00€

Standard

3,00€

Premium

5,00€

Breakdown

Basic: 1€ per day during 3 days.
Standard: 3€ per month for 4 months.
Premium: 5€ per day indefinitely.

Curl
PHP

curl -v paymentRequest \
-u '1c1b28f2-a84b-4b30:VJezNXV9Wz#A' \
-F paymentMethod[]='SUBSCRIPTION' \
-F currency='EUR'  \
-F totalAmount= \
-F breakdown[]='{"amount":,"email":""}' \
-F subscription[subscriptionModelId]='7907ab77-4934-49cb-b544-e78af9700708' \
-F scenarioId='' \

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'https://test-api.centralpay.net/v2/rest/paymentRequest');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
$post = array(
    'paymentMethod[]' => 'SUBSCRIPTION',
    'currency' => 'EUR',
    'totalAmount' => '',
    'breakdown[]' => '{"amount":,"email":""}',
    'subscription[subscriptionModelId]' => '7907ab77-4934-49cb-b544-e78af9700708'
);
curl_setopt($ch, CURLOPT_POSTFIELDS, $post);
curl_setopt($ch, CURLOPT_USERPWD, '1c1b28f2-a84b-4b30' . ':' . 'VJezNXV9Wz#A');

$result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
}
curl_close($ch);

<form method="post" data-centralpay="form" action="https://example.centralpay.net/v2/process/request">
    <div data-centralpay="errors"></div>
    <div class="row mx-0 text-center">
        <div class="col-4 px-0">
            <div class="card card-offer">
                <div class="card-header">
                    <label for="amount0">
                        <span data-display="offer-name">Basic</span>
                    </label>
                </div>
                <div class="card-body">
                    <p class="text-price">
                        <span data-display="amount">1</span>
                        <span data-display="currency-symbol">,00€</span>
                    </p>
                    <input type="radio" name="amount" id="amount0" value="100" data-select="amount" required ng-model="totalAmount" ng-change="subscriptionModel='7907ab77-4934-49cb-b544-e78af9700708'"/>
                </div>
            </div>
        </div>
        <div class="col-4 px-0">
            <div class="card card-offer">
            <div class="card-header">
                <label for="amount1">
                    <span data-display="offer-name">Standard</span>
                </label>
            </div>
            <div class="card-body">
                <p class="text-price">
                    <span data-display="amount">3</span>
                    <span data-display="currency-symbol">,00€</span>
                </p>
                <input type="radio" name="amount" id="amount1" value="300" data-select="amount" ng-model="totalAmount" ng-change="subscriptionModel='0e398747-f24b-40e9-9871-84a7a8bd119d'">
                </div>
            </div>
        </div>
        <div class="col-4 px-0">
            <div class="card card-offer">
                <div class="card-header">
                    <label for="amount2">
                        <span data-display="offer-name">Premium</span>
                    </label>
                </div>
                <div class="card-body">
                    <p class="text-price">
                        <span data-display="amount">5</span>
                        <span data-display="currency-symbol">,00€</span>
                    </p>
                    <input type="radio" name="amount" id="amount2" value="500" data-select="amount" ng-model="totalAmount" ng-change="subscriptionModel='a65af15f-65d3-442a-a718-7da8f4fbb0ba'"/>
                </div>
            </div>
        </div>
    </div>
    <p data-form="main-description" class="mt-3 mb-0">Breakdown</p>
    <div class="form-row" data-form="breakdown-validation" data-toggle="popover-example-data">
        <div class="form-group col-12">
            <div class="has-feedback input-group">
                <div class="input-group-prepend">
                    <div class="input-group-text">
                        <div class="ico ico-envelope"></div>
                    </div>
                </div>
                <input data-centralpay="email_1" type="email" name="email_1" ng-model="email" autocomplete="off" class="form-control" data-form="email_1" placeholder="E-mail" required="required" />
            </div>
        </div>
    </div>
    <input data-centralpay="isPartial" type="checkbox" id="isPartial" name="isPartial" ng-model="isPartial" ng-init="isPartial=false" data-form="isPartial" style="display:none;">
    <input data-centralpay="scenarioId" type="text" id="scenarioId" name="scenarioId" ng-model="scenarioId" data-form="scenarioId" style="display: none">
    <input type="hidden" name="pointOfSaleId" value="9c214a4e-582e-4c60-8921-1b7dd334a38b" />
    <input type="hidden" name="currency" value="EUR" ng-model="currency" ng-init="currency='EUR'" />
    <input type="hidden" name="paymentMethod" value="SUBSCRIPTION" ng-model="paymentMethod" ng-init="paymentMethod='SUBSCRIPTION'" />
    <input type="text" style="display: none" name="subscriptionModel" ng-model="subscriptionModel"/>
    <div class="text-center mt-2">
        <button class="btn btn-cpay" type="submit" value="submit" data-form="submit" data-toggle="popover" data-placement="bottom" data-trigger="hover">
            <div class="np-button-content">
                <span data-display="submit-value">Pay</span>
                <div class="np-loader"></div>
            </div>
        </button>
    </div>
</form>

username:password •

Scenario Id

pay...mentRequest