6

我正在将 Klarna 集成到与 Adyen 相关的沙盒环境中。我已经完全按照文档进行了操作,但是遇到了一个问题,小部件中没有显示“继续”按钮,从而阻止了结帐过程。

-预期的-

在此处输入图像描述

-实际(缺少按钮)-

在此处输入图像描述

重新创建的代码:

邮寄至:https://checkout-test.adyen.com/v67/payments

{
  "merchantAccount": "MERCHANTLLC",
  "reference": "123",
  "paymentMethod": {
    "type": "klarna_account"
  },
  "amount": {
    "currency": "USD",
    "value": 18210
  },
  "shopperLocale": "en_US",
  "countryCode": "US",
  "telephoneNumber": "1111111111",
  "shopperEmail": "test@gmail.com",
  "shopperName": {
    "firstName": "John",
    "lastName": "Doe"
  },
  "returnUrl": "http://someurl.com",
  "lineItems": [
    {
      "quantity": 1,
      "amountExcludingTax": "16900",
      "taxPercentage": "775",
      "description": "asdfasdf",
      "id": "123",
      "taxAmount": 1310,
      "amountIncludingTax": "18210",
      "productUrl": "http://producturl.com"
    }
  ]
}

它返回client_token:“ABC123”。然后使用该令牌通过klarna 文档加载小部件:

 window['Klarna']['Payments'].init({
      client_token: 'ABC123'
    })
    window['Klarna']['Payments'].load({
      container: '#klarna-payments-container',
      payment_method_category: 'pay_over_time',
      instance_id: "klarna-payments-instance"
    },
      function (res) {
        console.log(res);
      })
  1. 回调返回的是{show_form: true},小部件加载上面的ACTUAL (MISSING BUTTON)图片。我在这里想念什么?我不明白为什么小部件中没有显示继续按钮。然后,此按钮用于授权 Klarna 中的用户、获取帐单信息等。任何帮助将不胜感激!目标是显示“继续”按钮。
4

1 回答 1

3

在与 Klarna 团队交谈后回答我自己的问题。在开发端,您需要创建自己的按钮并调用“授权”端点。可以在此处找到文档:https ://developers.klarna.com/documentation/klarna-payments/integration-guide/authorize/

于 2021-08-24T03:01:25.030 回答