Hosted Checkout

The Hosted Checkout integration allows you to redirect customers from your site to a Fondy-hosted payment page, where Apple Pay and other payment methods are automatically available. This method is ideal for businesses that want a quick, secure, and hassle-free integration.

How it works

• The merchant creates an order using the Fondy API.
• The payer is redirected to the hosted checkout page, where the Apple Pay button is automatically displayed.
• The payment is processed securely on Fondy’s platform.
• The payer is redirected back to the merchant’s site with the transaction status.

If you prefer to keep customers on your website without redirections, consider the Embedded Apple Pay Button or Direct Integration with Apple Pay API.

Key Differences:

• Hosted Checkout: Customers are redirected to https://pay.fondy.eu, where the payment form is displayed.
• Embedded/Direct Integration: Customers stay on your site throughout the checkout process.

Customizing the Checkout Page

You can customize the Hosted Checkout page using Design presets to match your branding. This allows you to modify colors, logos, and styles to provide a seamless user experience.

For Developers

We also provide code examples and SDK for different programming languages to simplify the integration process:

• JavaScript
• PHP
• Python
• C#
• Node.js

Alternative integration methods

For alternative integration methods, explore Embedded Apple Pay Button or Direct API Integration.

Examples

Javascript

  <script type="text/x-vue-template" id="f-fields">
    <div>
      <input-amount name="amount" label="my_amount"></input-amount>
      <input-text
        name="order_desc"
        value="order_desc"
        label="Product Description"
        description="description"
        custom
      ></input-text>
    </div>
  </script>
  
  <script>
    checkout('#app', {
      options: {
        fields: true,
      },
      params: {
        currency: 'GBP',
        merchant_id: 1549901,
        amount: 100,
        response_url: 'http://example.com/result/',
        api_domain: 'pay.Fondy.io',
      },
    })
  </script>

PHP

  require 'vendor/autoload.php';
  \Cloudipsp\Configuration::setMerchantId(1549901);
  \Cloudipsp\Configuration::setSecretKey('test');
  
  $checkoutData = [
      'currency' => 'GBP',
      'amount' => 1000
  ];
  $data = \Cloudipsp\Checkout::url($data);
  $url = $data->getUrl();
  //$data->toCheckout() - redirect to checkout

Python

  from cloudipsp import Api, Checkout
  api = Api(merchant_id=1549901,
            secret_key='test')
  checkout = Checkout(api=api)
  data = {
      "currency": "GBP",
      "amount": 10000
  }
  url = checkout.url(data).get('checkout_url')

C#

  using CloudIpspSDK;
  using CloudIpspSDK.Checkout;
  
  Config.MerchantId = 1549901;
  Config.SecretKey = "test";
  
  var req = new CheckoutRequest {
    order_id = Guid.NewGuid().ToString("N"),
    amount = 100000,
    order_desc = "checkout json demo",
    currency = "GBP"
  };
  var resp = new Url().Post(req);
  if (resp.Error == null) {
   string url = resp.checkout_url;
  }

Node.js

  const CloudIpsp = require('cloudipsp-node-js-sdk')
  
  const checkout = new CloudIpsp(
    {
      merchantId: 1549901,
      secretKey: 'test'
    }
  )
  const requestData = {
    order_id: 'Your Order Id',
    order_desc: 'test order',
    currency: 'GBP',
    amount: '1000'
  }
  checkout.Checkout(requestData).then(data => {
    console.log(data)
  }).catch((error) => {
    console.log(error)
  })