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?


Ios:

Navigate to the iOS folder and run the following command:

pod install


Android:

Register plugin in the project MainActivity.java 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 {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState); 
    // Initializes the Bridge
    this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
      // Additional plugins you've installed go here
      // Ex: add(TotallyAwesomePlugin.class);
      add(PayTabsIonicPlugin.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.