PayTabs SDK makes the integration with the PayTabs payment gateway very easy by providing a ready-made payment screen that handles the card entry and, billing & shipping information and completes the missing details.

In this article, you will be going to know about:

How to install the SDK?

You can install this SDK into your project as clarified below: 

For the version number, please use the latest version according to our latest update on our repository

Ionic is an open-source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in React, Vue, and Angular.

To install the PayTabs SDK into your project, kindly run the below commands on your terminal:

npm install paytabs-ionic-native@latest --save --force
npx cap sync

How to activate the SDK?


Navigate to the iOS folder and run the following command:

pod install


Register plugin in the project file

import com.getcapacitor.BridgeActivity;
import com.getcapacitor.Plugin;
import com.paytabs.ionic.plugin.PayTabs;
import com.paytabs.ionic.plugin.PayTabsIonicPlugin;
import java.util.ArrayList; 

public class MainActivity extends BridgeActivity {
  public void onCreate(Bundle savedInstanceState) {
    // Initializes the Bridge
    this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
      // Additional plugins you've installed go here
      // Ex: add(TotallyAwesomePlugin.class);
  } }

⌂ To get familiar with the whole process and the other steps, kindly navigate to our "The Ionic SDK Integration Manual" solution article. 

 And to get familiar with the rest of the steps regarding the current step "Step 1 - Setup and activate the integration method" click here. 

Or you can navigate to the next step in the process "Step 2 - Configure the integration method" kindly click here.