# Wordpress

If you wish to integrate XanPay with a Wordpress website, you can use JavaScript Injection. Or if you are using WooCommerce, you can simply use our plugin here.

# JS Injection

Inject the following line into the header section of your webpage:

<script src="https://cdn.xanpay.com/sdk/xanpay-sdk-1.0.0.js"></script>

Construct checkout urls and then redirect users to XanPay checkout website as demonstrated below.

    async function checkout() {
      const orders = [{
        id: 'kun1Ja2',
        name: "iPhone",
        quantity: 1,
        amount: 151
      }];
    
      const options = {
        apiKey: 'a04668f6e299280a7485e0002ce9729c',
        apiKeySecret: '0f37463afff161028ef495d9035ccdc053a036f5e57fee7a720c89dfedc55131',
        currency: 'HKD',
        amount: 151,
        orders,
        environment: XanPaySDK.Environment.Sandbox,
        redirectUrl: 'https://xanpay.com/',
        notifyPayload: {"orderId": "251"},
        customer: {
          email: "test@test.test",
          firstName: "Test",
          lastName: "Tester",
          phone: {
            code: "+65",
            phone: "12345678901"
          }
        }
      };
      const url = await XanPaySDK.constructCheckoutUrl(options);
      window.open(url, '_blank');
    }