The cyber-world is continuously expanding. This has increased the inclination of people towards buying things online on eCommerce and woo-commerce sites. IOS users also form a major part of these users.
Have you ever wondered how these work? These sites use payment gateways and processors to accept your payments. Apple takes the security of its users very seriously and, there are fewer payment options you can integrate into it as compared to android its windows.
Stripe is one of these.
Do you know that even though you do not know the technical jargon, there are 100% per cent chances that if you shop online, you have already used it!
What are Payment Gateways?
All the online stores use payment gateways to debit the amount from your accounts. Gateways offer various payment options like the currencies available and the countries it accepts.
Some of these include PayPal, SecurePay, Braintree and Square.
Stripe is one of the best options available for merchants as it is easy to integrate and provide numerous options.
With Stripe, you can accept payments from various payment methods and on several platforms like iOS. That sounds like a dream come true for all the developers!
But sometimes, you may also have to deal with issues while using it. The good news is that you can resolve these by following these steps.
Stripe Payment Gateway Issues
The best part about Stripe is that it is compatible with all iOS devices. So you can use it to receive payments both from iPhone and MacBooks without any issues. But since it is humans to err, there are chances that you might face issues while working with this as well.
However, since a majority of these issues occur only if the integration is not flawless, you can easily avoid these.
So if you are also facing any issue with accepting payment with stripe, make sure that you follow the right steps while integrating.
Needless to say, if you want to use stripe, you must have an account at Stripe. So if you haven’t signed up for an account at stripe.com, the first step is to register there.
Here are a few things you must ensure before we dig into how these stripe payments work.
Set up Stripe
Server-side – We need endpoints on the server that communicates with the Stripe API. You can use the libraries to access the Stripe API from your server.
Client-Side – On the client-side, you have to install the SDK. This can be done in the three easy steps given below.
- In Xcode, select File > Swift Packages > Add Package Dependency and enter https://github.com/stripe/stripe-ios as the repository URL.
- Select a minimum version of 21.5.1
- Add the Stripe product to the target of your app.
You can configure SDK with your stripe publishable key when the app launches. This will ensure that it can make requests to the Stripe API.
Endpoints are of imminent importance. So be extra careful while working with these. Herein, you need the endpoints that fulfil the following functionalities.
- Retrieve the customer, or creates a new one.
- Create an Ephemeral Key for the Customer.
- Creates a PaymentIntent that passes the Customer id.
- Returns the Payment Intent’s client secret, the Ephemeral Key’s secret, and the Customer’s id to your app.
Integrate the payment sheet
You might be excited to come to this point but hold on! Before actually processing the data and presenting the payment sheet to the customers, take care of the other requirements too.
Be careful that all the available products are visible, there is a check out button in place and, you have the shipping-related information.
After this, you can begin the check out process while requesting the endpoints created.
You can save time here by creating the payment sheet before the customer clicks on the check-out button. Then, you can merely present it when they click on the check-out option.
Handle Post Payment Events
The purpose of stripe integration is not limited to getting a payment done. It also ensures a smooth workflow to handle the post payments workflow.
Some examples of these are sending an order confirmation or a thank you mail to the customers. Here, you may use the dashboard webhook or a partner solution. With these, you can also receive events and various run actions. Some of these are logging the sale in a database or starting a shipping workflow.
Here, listening to the events rather than waiting for a callback from the client’s side can be more helpful as the client may quit the application before you receive one.
You can also do this manually by accessing the dashboard and sending all the payment receipts and order confirmations.
Test the integration
Congratulations! Now you are good to go. But hey! don’t forget to test your integration to avoid errors at a later stage.
The good news is that several tests are available in the test mode. You can use it with any CVC, postal code, and future expiration date.
If you have followed all the steps above, you will be able to accept the stripe payments without any issues. However, if you are still sceptical and would like to talk to an expert, you can always reach out to us here!
Stripe Integration for Woo-commerce
As much as stripe helps the merchants and the customers it can also become a challenge for the the developers at the times. They need to develop the site and then register on the Stripe model to get it working.
But this also comes with certain prerequisites.
Like, the payment method the customer chooses should be listed on Apple pay and be linked to a bank that is supported. You can check the supported banks and methods on the Apple pay support page.
Working with Woo-commerce Stripe makes the work easier for the developers as it can automatically handle domain verification and no manual configuration is required.
If a problem arises it can be because of a faulty stripe set-up. So make sure you do it the right way by following the steps given below:
- Visit WooCommerce > Settings > Payment tab > Stripe.
- Select the payment request button so that all types of payment request options are activated in one go.
- Now you can accept options on the following
If you want to accept payment from apple pay, the customer must use a payment method supported by a bank or have a valid card provider.
If you want to offer apple pay on your site you can do this with the WooCommerce Stripe payment gateway.
Navigate to Stripe.com Dashboard > Settings > Apple Pay and add your URL exactly as it appears there.
This domain should then reflect under On the Web Domains on Your Apple Stripe Page and the configuration will complete.
Stripe also lets you accept payments using Google Pay. You can add this payment option to your site by simply enabling the payment request button. Be careful that this request button will only show up if you have saved the payment method in the browser or the device you are using.
Needless to say, the customers must also have a payment method that is either supported by a bank or a payment card provider.
There we go! Not that we have talked about stripe integration on some of the most common platforms, this should make it easy with you. However, just like everything, you will become skilled in these integrations as you keep practicing them. So what are you waiting for! Go ahead and start working on these platforms now.
Yes, whenever you are creating a website it should be compatible with all the devices.
Google has followed a mobile first approach so it becomes mandatory to make sure that your site is accessible on all the devices.
You can ensures this by using the responsive class.
Moreover some CMS like WordPress also provide responsive templates to make it easier with you.
Also, you would never like to lose even a single customer irrespective of the device or the browser you are using. So it becomes necessary to not only make your website compatible with all browsers and platforms like IOS, Android, Windows and mac as well!