How to integrate PayPal alongside Stripe in a Memberstack-Webflow checkout without breaking the e-commerce flow? Planned

Post author
Jascha Stege

Hey everyone 👋😳

Hoping that I could possibly get some hints here, I’d like to ask you a question regarding the checkout process for our users:

We would like to link the webflow e-commerce feature with memberstack and include both stripe and paypal for payment on the checkout pages. Do you have any template suggestions that could give us a glimpse, how best practices could look like and in the best case have already integrated functions as clonables? I would be very happy to receive any tips links / sources! Thanks in advance and many greetings,
Jascha

Comments

12 comments

  • Comment author
    Duncan from Memberstack
    • Edited
    • Official comment

    Update!

    Stripe recently added support for PayPal. At the moment they support most countries in Europe - and are quickly adding support for more.

    See this article to learn how to get access. 

  • Comment author
    Julian Galluzzo

    Hey Jascha! I'm not sure I understand 100% - would the checkout page be from Webflow ecommerce or from Memberstack?

    0
  • Comment author
    Jascha Stege

    Hey Julian, thanks for the quick response!

    So our current basic idea is to use a form template in Webflow, customize it visually, and then link the functionality to Memberstack. For example, as soon as a user has completed the payment, he should be assigned to another user group in memberstack, so that the gated content is made available to him. The payment / transaction should then be processed via stripe and paypal to offer two options.

    The idea to connect webflow e-commerce with memberstack came from the fact that we first used memberstack’s own checkout page (looked like a default page made my stripe), but we couldn’t add any additional information (checkboxes) and paypal as a payment method. At the moment we aren’t quite sure, what could be the best way to have as much freedom as possible regarding the styling of the checkout page(s) and making sure, that the functionalities are connected with memberstack, stripe and paypal 🤔

    0
  • Comment author
    Julian Galluzzo

    Ahhhhhh that makes sense!

    While we do not have any docs/templates about this at the moment, I imagine it would be quite easy to do using something like make.com to update the user once theyve made a purchase

    0
  • Comment author
    Jascha Stege

    Okay, I’ll have a look at this! Thanks for your help! If this doesn’t solve the problem, I’ll get back to the channel / you 🙌

    0
  • Comment author
    Julian Galluzzo

    No problem, and sounds good! I could check about possibly making a template for this, but would have to see if it fits our desired use cases first. Good luck!! 🌝

    0
  • Comment author
    Felipe Izquierdo

    I just ran into the issue that a customer wants to pay with paypal and the memberstack/stripe page doesn't allow it. Any updates on this or Jascha's question?

    0
  • Comment author
    Julian Galluzzo

    Felipe Izquierdo nothing yet, but we are looking into it and hopefully will be able to accept paypal quite soon!

    0
  • Comment author
    Fernando

    You still don't offer support for PayPal?

    0
  • Comment author
    Abel Haddis

    Does anyone know if it is possible to populate the input fields on Webflow's e-commerce checkout page with a member's information? I try to do it but each time the populated info shows up briefly and is then deleted. When I inspect element, I see that the fields have the values but they don't show up on the page.

    0
  • Comment author
    Raquel Lopez

    I think it could be possible... Someone from the community had that issue but I couldn't find the post 😅

    The thing is, Webflow removes the fields when it loads. So you can either create an observer to check when Webflow executes the code to remove the field values and then reinsert them again (to avoid the flicker) OR, my recommendation (easiest solution), would be to make a you fields (or form component) be in a loading state (like the skeleton loader memberscript), set a timeout of 2, 3 seconds to reinsert the values, and then remove the loading state. That way the user would have to wait a couple of seconds and shouldn't have to see what's going on behind it.

    This is a blocker caused by Webflow. These solutions are a workaround..

    0
  • Comment author
    Abel Haddis

    Thank you so much for this, you've been really helpful with all my questions and I appreciate that! I'll go ahead and take a look at the skeleton loader script

    0

Please sign in to leave a comment.