Initialization failed: Kindly terminate this session and reconfirm the data for Inline Payment

1

I am trying to integrate inline payment using Flutterwave javascript inline payment. I copied the code that’s in the documentation and pasted it into my webapp. When I hit the “pay now” button, it shows: Initialization failed: Kindly terminate this session and reconfirm the data.

Screenshot 2024-04-15 230949

Here is my code:
Note: My secret key is correct.


<script>
    function makePayment() {
  FlutterwaveCheckout({
    public_key: "FLWPUBK_TEST-c******7c0b5**************582-X",
    tx_ref: "titanic-48981487343MDI0NzMx",
    amount: 54600,
    currency: "NGN",
    payment_options: "card, mobilemoneyghana, ussd",
    redirect_url: "https://glaciers.titanic.com/handle-flutterwave-payment",
    meta: {
      consumer_id: 23,
      consumer_mac: "92a3-912ba-1192a",
    },
    customer: {
      email: "rose@unsinkableship.com",
      phone_number: "08102909304",
      name: "Rose DeWitt Bukater",
    },
    customizations: {
      title: "The Titanic Store",
      description: "Payment for an awesome cruise",
      logo: "https://www.logolynx.com/images/logolynx/22/2239ca38f5505fbfce7e55bbc0604386.jpeg",
    },
  });
}
</script>
2

Where you able to fix this?

3

Issue seems to be from inline script payment, when I use html form payment or backend apis, it works