CODEWITHSUNDEEP
javascriptstripe-paymentspayment-gatewaypaymentcheckout
Parth Vora
Parth Vora

Reputation: 4114

Stripe checkout button doesn't open checkout window

I'm trying to integrate Stripe check out. For that I'm following this documentation:

https://stripe.com/docs/recipes/subscription-signup#creating-the-signup-form-using-checkout

So I pasted that <script> tag inside my form, like:

<form action="/create_subscription.php" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_lrpNHu3jIKBoBo2ZLZ8dzzBh"
    data-image="images/marketplace.png"
    data-name="Emma's Farm CSA"
    data-description="Subscription for 1 weekly box"
    data-amount="2000"
    data-label="Sign Me Up!">
  </script>
</form>

The document says that when the user clicks on the Signup button it should open a pop up asking card details, but instead of that it directly submits the form.

I pretty sure that Stripe key has nothing to do with that, but still I have used the correct key. Also, there is no any Javascript error on the console.

I have almost searched everything on the internet, however still no luck.

PS: I'm on http and not https, not sure if that can be the issue.

EDIT:

I thought the issue was running on HTTP instead of HTTPS as it was mentioned here:

https://stripe.com/docs/checkout#does-checkout-require-https

But now I don't think that it could be the issue as it working fine here on HTTP:

http://demo.ilovephp.net/stripe/stripe_pay_checkout_demo.php

EDIT:

I found the issue: Laravel's default app.js is making issue with Stripe's checkout.js. without app.js it is working fine.

https://laracasts.com/discuss/channels/laravel/issue-with-stripe-api-js-and-laravel-js?page=1

Still I didn't get a good solution for that.

Thanks

Upvotes: 1

Views: 5135

Answers (1)

James Arnold
James Arnold

Reputation: 780

In the resources/views/layouts/app.blade.php just move the <script src="{{ asset('js/app.js') }}"></script> to the head of the page instead of it being at the end.

Upvotes: 1

Related Questions