How to Create a Custom Checkout with Third Party Payments in Wix Stores (Stripe Example)
Вставка
- Опубліковано 15 вер 2024
- Hi There! This video gives an overview of the steps needed to replace the native Wix Stores checkout page with a third party checkout page of your choice.
Docs:
Get Cart: www.wix.com/ve...
Create Order: www.wix.com/ve...
Stripe Checkout: stripe.com/doc...
New to Velo? Try my new Velo for Beginners course now on Udemy!
udemy.com/velo...
Have an idea for a video? suggest it here:
www.thewixwiz....
Have questions? Join the discussion:
www.thewixwiz....
Want to have joint coding session? Book one now:
www.thewixwiz....
Have questions? Need some magic done on your website ASAP?
www.thewixwiz....
Follow along on Twitter @thewixwiz
Facebook page: / thewixwiz
Facebook community: / thewixwiz
A newer video with a different approach: ua-cam.com/video/hR_5c1rLyH8/v-deo.html
I followed a tutorial and later discovered the concept of custom extensions, which allowed me to integrate a custom payment provider like Stripe seamlessly.
Thanks for sharing! Are you referring to the Payment Provider SPI?
@@thewixwiz Yes
Hey dude! Nice!! Could you please share on how did u do this is there any more details about it over on some link of tutorial? Thanks!!!
@@thewixwiz So is that a simpler way to produce the same result?
Hi Eitan. Thank you for this tutorial! I am going to see if I can apply this to an embedded stripe payment option.
I also want to suggest changing your transitions to something more soothing. I find the static noise to be loud and sometimes startling. Thanks :)
Thanks for the suggestion!
Thanks for the video! Super helpful!
Great job. Thank you.
I have a question.
How can I get the customers personal details which is supposed to be entered on the checkout page before the redirection
Thanks! You may be able to collect them using the payment provider you are using and pass them back to Wix. If not you can build an intermediate page before redirecting to the payment provider.
I pretty much got the order items to display with the wix-storage { local as storage } module to persist the checkoutId instead of the cartId so that users can retrieve the order when they are redirected back to the success url. This is because of the different methods some modules from wix can or cannot take The checkoutId was created from the currentCart function, so I didnt have to deal with specifying the lineitems when creating the order. The only issue now is with automating invoices, whereby the triggered emails just wouldnt seem to work
i think the issue was that the lineItems was a const
Following your tutorial I managed to create custom checkout page with stripe and also was able to create order for physical products.
Now I am checking if it is possible to create digital product orders? Because wix digital products also sends digital files on order creation. Can it be implemented through wix velo?
Your help will be highly appreciated.
Thanks!
That's great! If I'm not mistaken you can set the product type to digital and add a url to the digital asset when creating the order.
@@thewixwiz That's where the problem is. As far as I researched WIX doesn't allow to get the url of the digital product. Is there any workaround?
Hi bro, thnx for your videos!
Can u tell me how to just rename input field on checkout page. For example field “address”.
Thnx, hope u will answer me
Generally you can't change field names on the checkout page. Any changes you can make would be done through the site dashboard.
Hello,
Can you make a video linking wix events to stripe?
Hi, I think the payment provider video coming out in about a week will be helpful.
@@thewixwiz Is that video out? 👀👀
@@876websites it is! ua-cam.com/video/hR_5c1rLyH8/v-deo.html
Hey just a quick question! Would this bypass the need to upgrade to a business plan? So that when we click on the checkout (on the wix website) rather than saying "We can't accept online orders right now" it would redirect and continue the transaction via stripe (AVOIDING THE NEED TO PAY THEIR YEARLY SUBSCRIPTIONS)
Hey, haven't tried it but theoretically yes!
@@thewixwizSweeeet! Appreciate you man!
Hey, I am looking for ways to avoid the native checkout appearing briefly before the "onReady" code has a chance to redirect to the custom checkout. The "301 redirect" (set up in the URL Redirect Manager) idea you suggested doesn't seem to work: when the native checkout page loads after clicking the "Checkout" button in the cart, the redirect doesn't get invoked. This is despite the fact that the redirect is invoked if I simply refresh the native checkout page - I guess the native checkout page is somehow magical and bypasses the URL Redirect Manager when it loads from the Cart "Checkout" button. Do you have any other ideas about how to avoid the brief display of the native checkout? In my case, my custom checkout is actually another Wix page in the same site, not an external page. Cheers
Sometimes the 301 redirect takes some time to set in. Otherwise you can customize the cart page as well. We have an app which streamlines this process for stripe, if interested please reach out via thewixwiz.com
Hi bro, I'm working as a payment module developer in payment provider. If it is possible to add the custom payment in Wix default checkout page, without the custom checkout page?
Hi, yes there is a new Payment Provider API that can be used.
Hi, Sir! I want to ask, how to add quantity of participate for my booking studio? I just still confuse
Hey, thanks for commenting and sharing about your project!
I offer viewers two options for getting assistance with their projects:
1. My free forum: thewixwiz.com.com/forum - I try to address questions there at least once a week. Please support your question with code snippets, screenshots, and even video.
2. Offering my services as a developer. You can schedule a consult at thewixwiz.com/book-online or fill out this onboarding form: thewixwiz.com/client-onboarding
I appreciate your support and thanks for watching!
I did the coding but now it’s saying cart not found it’s because I have done coding on to the cart page? Is it necessary that I should do the coding on the home page?
Hey, thanks for commenting and sharing about your project!
I offer viewers two options for getting assistance with their projects:
1. My free forum: thewixwiz.com.com/forum - I try to address questions there at least once a week. Please support your question with code snippets, screenshots, and even video.
2. Offering my services as a developer. You can schedule a consult at thewixwiz.com/book-online or fill out this onboarding form: thewixwiz.com/client-onboarding
I appreciate your support and thanks for watching!
what would you do for event and tickets ?
is there any way to add custom gateway as a private app :( ?
Event tickets are currently in a Developer Preview API but theoretically it can be done. What do you mean by private app?
is there a way to start this checkout flow after the user fills the shipping information form in normal checkout and clicks on 'place Order' button?
Yes but it's not ideal. Essentially you have to redirect people who land on the /checkout page to another page or http function. There are 3 options for this. I can elaborate more if you post your question to the forum. thewixwiz.com/forum
@@thewixwiz hey, i have posted on the forum about this and why i need to start payment after collecting shipping information
@@thewixwiz hey, it would be really helpfull if you tell me how to start the payment flow after the button click on default checkout
Please tell how to do with Razorpay
Hey, thanks for commenting and sharing about your project!
We offer viewers a few options for getting assistance with their projects:
1. Our free forum: thewixwiz.com.com/forum - I try to address questions there at least once a week. Please support your question with code snippets, screenshots, and even video.
2. Developer services. You can schedule a consult at thewixwiz.com/book-online.
I appreciate your support and thanks for watching!
does it use the original check out page and when the user click on the checkout btn its transfer the user to stripe ?
Do you mean original cart page? If so, yes.
Does it take the details from the page and update them after online payment is done??
thank you so much for this video 🫶🏽
Did it work??