How to Connect ANY Payment Provider to Your Wix Website

#wix #wixwebsite #wixtutorial #website #webdesign #webdev
Join this channel to get access to perks:
/ @thewixwiz
New to Velo? Try my new Velo for Beginners course now on Udemy!
www.udemy.com/...
Timestamps:
00:08 - Topic Overview: Connecting Payment Providers
00:24 - Plugin Introduction: Payment Provider Service Plugin
00:45 - Custom Payment Provider Setup
01:04 - Order Integration and Dashboard Overview
02:27 - Setup Overview & Website Preparation
03:58 - Adding Service Plugins in Wix Editor
06:22 - Creating and Naming the Plugin
07:00 - Understanding the Config File
10:25 - Testing the Example Configuration
14:03 - Customizing Config for Stripe
16:15 - API Key and Credential Fields Setup
17:45 - Stripe Documentation: API Key Lookup
20:03 - Adding API Key Credential Field
21:59 - Testing Configuration with API Key
23:27 - Introduction to Stripe.js Functions
24:23 - Connect Account Function Setup
27:18 - Create Transaction Function Overview
30:01 - Setting Up Backend Module for Stripe Connection
31:59 - Installing Stripe npm Package
32:33 - Implementing Stripe Checkout Session
35:49 - Creating Line Items from Cart Items
38:02 - Looking into Stripe Product and Price API
41:01 - Creating Stripe Price Function
45:52 - Completing Backend Module Implementation
50:02 - Integrating Backend Module in SPI
55:00 - Testing Stripe Payment Integration
56:06 - Detailed Implementation of Create Transaction Function
57:55 - Passing Transaction Data to Stripe
59:52 - Setting Up Refund Transaction Function
1:00:55 - HTTP Endpoints for Payment Status Updates
1:04:30 - Configuring Stripe Webhooks
1:10:56 - Extracting and Logging Webhook Payload
1:18:59 - Adding Metadata to Stripe Checkout
1:25:50 - Publishing and Testing Integration
1:31:21 - Retrieving Metadata from Stripe Webhook
1:34:03 - Finalizing Submit Event to Wix
1:42:20 - Completing Payment and Verification Testing
1:47:00 - Summary and Final Remarks
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

[@niktn10]

Thank you so much. I have been searching for a solution to add alternative payment methods to my site for so long. I followed your instructions and everything works perfectly! I am not very familiar with coding, but you explain everything so thoroughly that I managed to get it all set up. If possible, please create a video about the parts you skipped in this instruction.

[@thewixwiz]

So glad to hear! Thanks for the suggestion.

[@joshuahaewardii8540]

This is gold.

[@calin8158]

Thank you so much! That is very useful. One question I have, please. Is there any way I can forward the customer information (billing address, name etc) to Stripe?
Regards, Calin

[@thewixwiz]

Glad to hear! When calling the stripe API you have the option to attach metadata. You can add any information you want there (mostly for reading later when retrieving info via API). Depending on the endpoint you are using it may also have a property for creating a customer where you can pass that information. Depends largely on your end goals for the data.

[@ROHANASIF-g1c]

i connect with subscription plan which is made by customly and i connect the payment gateway is : TAP PAYMENTS is wix support it and this video that i learn it help me ? please answer me as soon as possible

[@thewixwiz]

As far as I know the payment provider service plugin does not support recurring payments. If you want to inquire further please reach out to Wix.

[@novemberr20]

Thank you for this great video, it helped me add my payment method. Please tell me how to set a logo for my plugin? If you do as in the tutorial, it is installed on the order page, but not in the admin panel, thanks for the answer!

[@thewixwiz]

Thanks! Based on the docs the logo property in the getConfig is meant to work for both the dashboard and the checkout:
"logos: An object containing URLs to the payment method's logo as strings. These logos are displayed on the site's dashboard and the checkout cart. You can provide different logos for white and colored backgrounds. See the example return object below for details."
If that is not the case I would reach out to Wix support.

[@Ahmet.staria]

hiya, i did everything the way you show on video but when trying to click contintue to pay to load up stripe checkout wix says technical error.

[@thewixwiz]

Hi, I would double check that you have a premium plan. Depending on the business solution you are using there may be other settings that need to be configured.

[@Ahmet.staria]

@@thewixwiz hiya, yeah ive got premium abd my own domain so in not sure why

[@HanafyPigments_Eng]

Can you help me with a dynamic add to cart button on my dynamic product page? Your old video does not apply to the update

[@thewixwiz]

I would be glad to help. Please reach out via thewixwiz.com

[@filipbase8521]

Hello, if I dont have WixPayment in my country, is there any way to add ApplePay? or this will work?

[@thewixwiz]

Hi, you can use this method to connect any payment provider with a public API. You will have to read the terms of the payment provider of your choice to see if they support your country.