1. Home
  2. Docs
  3. Cirilla Payment Gateway Addons
  4. Payment Gateways
  5. Stripe

Stripe

WidgetMechanismSupport
StripeGatewayWebWebviewios, android, web
StripeGatewayNativeNativeios, android

iOS

Android

Getting started

 – Create an Stripe account to use Stripe’s services: https://stripe.com/docs

Usage

 Follow this steps:

Woocommerce website:

Add Stripe plugin to your Woocommerce:

  1. Go to WordPress Admin > Plugins > Add New from the left-hand menu
  2. In the search box type WooCommerce Stripe Payment Gateway
  3. Click on Install now when you see WooCommerce Stripe Payment Gateway to install the plugin
  4. Config plugin according instructions
  5. Go to Woocommerce -> Setting -> Tab Payments: enable only Stripe – Credit Card (Stripe) (don’t enable another method of Stripe)

Plugin guide: https://wordpress.org/plugins/woocommerce-gateway-stripe/#installation

 Mobile app:

  1. Copy stripe_gateway package and add to packages folder in cirilla project.
  2. Import package in cirilla/pubspec.yaml
  3. Android Native
    • This plugin requires several changes to be able to work on Android devices. Please make sure you follow all these steps:
    • Use Android 5.0 (API level 21) and above
    • Use compileSdkVersion 34: example
    • Use targetSdkVersion 34: example
    • Use Kotlin version 1.8.10 and above: example
    • Using a descendant of Theme.AppCompat for your activityexampleexample night theme
  4. iOS Native
    • Compatible with apps targeting iOS 13 or above.
    • To upgrade your iOS deployment target to 13.0, you can either do so in Xcode under your Build Settings, or by modifying IPHONEOS_DEPLOYMENT_TARGET in your project.pbxproj directly.
    • You will also need to update in your Podfile:
    • platform :ios, '13.0'

Example: 

stripe_gateway:
  path: ./packages/stripe_gateway

Then run flutter pub get in your project

  1. Add StripeGatewayWeb(web view) to cirilla/lib/payment_method.dart file (remember import package like example)

Example:

import 'package:stripe_gateway/stripe_gateway_web.dart';

final Map<String, PaymentBase> methods = {
 StripeGatewayWeb.key: StripeGatewayWeb(),
};

Or

import 'package:stripe_gateway/stripe_gateway_native.dart';

final Map<String, PaymentBase> methods = {
  StripeGatewayNative.key: StripeGatewayNative(),
};

Available Currencies

https://stripe.com/docs/currencies

Was this article helpful to you? Yes 1 No

How can we help?