Hosted Checkout

Overview

Fondy's Hosted Checkout integration allows merchants to redirect customers to a secure, pre-built checkout page where Google Pay is automatically available. This method requires minimal development effort and is ideal for businesses that want a quick, secure, and hassle-free integration.

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

How It Works

1. The merchant creates an order using the Fondy API.
2. Fondy returns a checkout URL.
3. The customer is redirected to the Fondy-hosted checkout page.
4. Google Pay is displayed automatically on supported devices.
5. The customer completes the payment securely.
6. Fondy processes the payment and sends the transaction status back to the merchant.

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 Google 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)
  })