[TUTORIAL] STRIPE CHECKOUT - I made it work!

Community resources Webflow Tips
63

In fact I still have a little problem

i successfully redirect on the checkout page for 1 button but if I copy paste it and make others in the same page it s not working

Anybody know why?

64

Iā€™ve built a no code payment tool (https://priceblocs.com) on top of Stripe which helps avoid some of the frustrations Iā€™ve seen in this thread.

You can add discounts, free trials, tax rates and more. Iā€™ve put together some live examples here so you can check it out! Reach out if you have any questions or need additional functionality

2 Likes
65

Hey @dsee , Iā€™ve built a no code payment link tool on top of Stripe to solve this problem. Check out this demo payment link where Iā€™ve added a tax rate, discount and shipping destinations.

https://priceblocs.com/test/links/IUf2hRo6eEXpaGPQ-s2eJ

You can test out building your own here:

Let me know if this looks like it would work for you! Happy to chat about it more

66

Hi! Iā€™ve been trying to integrate Stripeā€™s client-side pre-built checkout flow with a CMS collection, where a customer will click a checkout button for a specific CMS product, and be linked to the associated Stripe checkout page. So far, everything seems to work well, except for the ability to adjust the product quantity . I found Stripe documentation that covers how to do that here, but Iā€™m guessing this is only possible server-side, though please correct me if Iā€™m wrong.

My other idea is to capture the quantity from the user on the Webflow-side, and simply add that to the stripe checkout button code as a number. This would actually be preferable, that way I can only add that for CMS products that actually accept different quantities. Iā€™m not a coder unfortunately, and Iā€™m guessing this would require custom code.

Any ideas on how to proceed with this? Thanks so much! (I also posted this question as a separate post, but I thought Iā€™d add it here, since this seems to be the main Stripe post)

67

This is fantastic. Anyone know how to use the client code to transfer an email from Member stack to Stripe Checkout?

68

Hey guys! What a helpful thread!!

Does anyone know how to do this same thing with a setup intent (ie collecting customerā€™s cards details to charge them in the future)?

Iā€™ve tried to adapt the code to show a mode:setup and remove lineitem but that does not workā€¦

THANKS!!

69

Thank you Sara. Now Stripe provide you with a link, instead of a code, that makes it super easy.

70

Is someone know how to build a shopping card to use with stripe checkout ?

71

Wondering if there is a way to add custom fields for this integration?

73

I see where youā€™re coming from regarding the limitations of Webflowā€™s built-in payment features. To help overcome these challenges, weā€™ve created a tailored Stripe integration that expands Webflowā€™s e-commerce capabilities:

  • Support for Global Payments: Our integration enables the use of a wide range of payment options, including Przelewy24, BLIK, SOFORT, iDEAL, Apple Pay, and Google Pay.
  • Enhanced Cart Features: Weā€™ve developed a shopping cart system aimed at improving the overall user experience.
  • Secure Information Management: We prioritize security by carefully managing all sensitive data on the backend.
  • Seamless Shipping Integration: Direct API links with InPost and DHL simplify and streamline parcel handling.
  • BaseLinker (Make) Integration: This ensures all your e-commerce operations are unified and easier to manage.

This solution is built to provide a more complete and powerful set of tools for Webflow CMS stores, far beyond just basic checkout functionality.

If youā€™re curious or need more information, feel free to reach out.