Zingy Docs
Visit our websiteTry a DemoPricingContact
  • Introduction
  • 🎛️Dashboard
    • Overview
    • Apps
    • Account Profile
    • Billing - View Invoices
    • Billing - Payment Methods
    • Billing - Subscription
  • 💻App Editor
    • App Components
    • App Editor Tour
    • App Settings
    • App Users
    • App User Groups
    • Publishing your App
    • Pages and Forms
      • Create a Page
      • Create a Structured Page
      • What is a Structured Page ?
      • Create a Form
      • Page Editor
      • Working with Forms
    • Page Editor
      • Page Editor Tour
      • Adding Page Content
      • Adding Content to Structured Pages
      • Working with Page Elements
      • Page Element Settings
      • Responsive Design
      • Padding and Margin
      • Editing Text
      • Using AI Wiz in the Page Editor
      • Built-in elements
        • Link
        • Image
        • Spacer
        • Flexible Area
        • Layout Container
        • Layout Row
        • Layout Column
        • 1 Column
        • 2 Columns
        • 3 Columns
        • Add Column
        • Table
        • Table Row
        • Table Column Cell
        • Table Heading Cell
        • Table (3 cols)
        • Table (4 cols)
        • Input
        • Checkbox
        • Toggle Switch
        • Dropdown
        • Multi-line
        • Label
        • Button
        • Button Group
        • Input Group
        • Button Toolbar
        • Menubar Holder
        • Menubar Collapsible
        • Menubar
        • Menubar Item
        • Menubar Item Link
        • Menubar Style1
        • Menubar Style2
        • Menu Item
        • Popup Menu
        • Popup Menu Item
        • Menubar Popup Menu
        • Popup Menu Style1
        • Popup Menu Style2
        • Popup Menu Separator
        • Card
        • Card Group
        • Card Style1
        • Card Style2
        • Card Style3
        • Alert
        • Badged Text
        • Collapsible Area
        • Data Table
        • Stripe Payment
        • Form
        • Menubar Login Info
        • Data Design
      • Working with Forms
      • Using Forms
      • Page Preview
    • Page Settings
    • Page Flow
      • Block Anatomy
      • Toolbox Blocks
        • Set Content
        • Get Content
        • Badged Text
        • Alert Text
        • Status Animation
        • Set Style
        • Set CSS
        • Set Input Value
        • Get Input Value
        • Set Toggle Switch State
        • Get Toggle Switch State
        • Set Input Feedback
        • Enable/Disable Element
        • Set Element Attribute
        • Get Element Attribute
        • Get Element by Name
        • Element
        • URL Parameter Value
        • Navigate Page
        • Timer
        • Timer Repeat
        • Show Popup Form
        • Show Information Popup
        • Show Confirmation Popup
        • Popup Form Data
        • Collapsible Area Action
        • Mouse/Keyboard Action
        • Event Action
        • Action/Event Info
        • Show Menu
        • Menu Text
        • Menu Index
        • Write Log Message
        • Log Category
        • Data Table Action Menu Customize
        • Data Table Attach Form
        • Data Table Add Action
        • Data Table Load Next Page
        • Data Table Load Prev Page
        • Data Table Refresh
        • Data Table Custom Query
        • Data Table : Table Name
        • Data Table : Data
        • Content from Data Design
        • Set Content in Data Design
        • Get Content in Data Design
        • Get Element Attribute in Data Design
        • Set Element Attribute in Data Design
        • Set Style in Data Design
        • Set CSS in Data Design
        • Set Input Value in Data Design
        • Get Input Value in Data Design
        • Get Toggle Switch State in Data Design
        • Set Toggle Switch State in Data Design
        • Set Input Feedback in Data Design
        • Enable/Disable Element in Data Design
        • Initialize Toggle Switch in Data Design
        • Event Action in Data Design
        • Collapsible Area Action in Data Design
        • Data Record Count
        • Data Record at Index
        • Data Record Loop
        • Data Record Info
        • Data Record Loop Index
        • Data Record ID
        • Data Table Name
        • Data Query Name
        • Data Read
        • Data Read Next
        • Data Read Previous
        • Data Lookup
        • Data Lookup with ID
        • Data Status
        • Data Add Record
        • Data Update Record with ID
        • Data Delete Record with ID
        • Data Input Popup
        • Lock/Unlock Form
        • Save Form with Data
        • Reset Form
        • Set Form Event Status
        • Set Form Event Status Message
        • Form Submit Complete
        • Set Field Input Value
        • Get Field Input Value
        • Form Data
        • Form in Edit Mode
        • Form Events
        • Execute Connection Command
        • Execute API Call
        • Connection Data
        • Connection Error
        • API Call Connection
        • Connection
        • Connection Command
        • Cloud Flow Invoke Hook
        • Cloud Flow : URL of Web Hook
        • HTTP Post
        • HTTP Get
        • HTTP Data
        • HTTP Error
        • Date
        • Custom Code
        • Date from Text
        • Get Object Property
      • Coding in Page Flow
      • Zingy API For Page Flow
      • References
        • Value Types
        • Popup Customization
        • Prerequisite for Dynamic Content block examples
        • Prerequisite for Data examples
    • Dynamic Content
    • Data
      • Database Tables
      • Database Queries
      • Data Tool
    • Cloud Flow
      • Cloud Flow Editor
      • Block Anatomy
      • Toolbox Blocks
        • Data Update Records
        • Data Delete Records
      • Coding in Cloud Flow
      • SDK/Library Integration
    • Media
    • Connections
      • Services
        • Stripe
        • Sendgrid
        • Twilio
        • API Call
        • API Key
Powered by GitBook
On this page
  • API Keys
  • Profile Settings
  • Test Mode Publishable Key
  • Test Mode Secret Key
  • Live Mode Publishable Key
  • Live Mode Secret Key
  • Currency Code
  • Widgets
  • Operations/Commands
  • Create Payment Intent
  • Confirm Payment Intent
  • Advanced Functionality
  1. App Editor
  2. Connections
  3. Services

Stripe

PreviousServicesNextSendgrid

Last updated 1 year ago

The Stripe service allows you to accept payments in your app using the .


API Keys

  • Publishable Key: This is meant for use within the pages of your app.

  • Secret Key: Used in your app's Zingy Cloud backend.

Now, there are two distinct sets of these keys:

  • Live mode: Used in the live version of the app.


Profile Settings

NOTE: All profile settings are encrypted and stored in Zingy's cloud infrastructure.

Test Mode Publishable Key

Test Mode Secret Key

Live Mode Publishable Key

Live Mode Secret Key

Currency Code

If not provided the default value of usd will be used.


Widgets


Operations/Commands

Create Payment Intent

Input Data

When invoking this operation, an object with the following properties is required:

Property
Type
Description

amount

Specify the amount to charge.

customProps

Output

Upon success, the operation provides an object with the following properties:

Property
Type
Description

client_secret

publishable_key

Confirm Payment Intent

For any custom implementation, where you present Stripe's payment payment collection form yourself, once the user finalizes the payment, Zingy's cloud backend can retrieve the confirmation details and record the transaction in the Connection Data for the service.

The Confirm Payment Intent command informs Zingy's cloud backend that the payment procedure has concluded, prompting the backend to register the payment details.

Input Data

When invoking this operation, an object with the following properties is required:

Property
Type
Description

payment_intent

The payment identifier provided by Stripe's client side API.

payment_intent_client_secret

sgInstName

notfnEmail

Optional. The email address where an automatic payment notification email is sent. Valid only if sgInstName is provided and sendNotfn is set to true.

emailCust

Optional. If the value is true, an automatic email receipt will be sent to the customer based on information retrieved from Stripe's payment confirmation. Valid only if sgInstName is provided.

sendNotfn

Optional. If the value is true, and a valid notfnEmail is provided, a notification will be sent.

Output

The Confirm Payment Intent command does not provide any output beyond the Success/Fail status.


Advanced Functionality

To access the Stripe client initialized with credentials saved on this Stripe service connection, see the following example:

// To use a stripe client initialized with credentials provided 
// in a Stripe connection
const stripe = zingyConn.stripe(connectionName);

You may also initialize a seperate Stripe client, by specifying account credentials directly:

// To create a new stripe client specifying account credentials
const stripe = require('stripe')(secret);

come in pairs:

: Used to test your app's integration with Stripe. The will use the test mode when using this service.

NOTE: Use the to accept payments in test mode.

Enter the test mode here.

Enter the test mode here.

Enter the live mode here.

Enter the live mode here.

Enter the associated with your account. Please note that this must be a .

The widget element provides a quick and easy way to add payment functionality to any page or form. This element makes use of the Stripe service.

The block is available in both and . Using this block you can add logic to trigger the operations/commands supported by the Stripe service.

In Stripe, a represents an attempt to collect payment from a customer. Normally the process of creating a payment intent is automatically done if you use the widget element with a specified .

For custom implementations using and , you can use the Create Payment Intent command to create the payment intent.

Optional. For advanced users, this specifies an object with properties based on parameters used by .

Is a for each Payment Intent you create.

The publishable to use.

Once a payment intent is created, the Stripe's payment payment collection form can be presented to the user. The widget element automatically does this.

The client_secret provided by the command.

Optional. Name of the connection to use for automatically sending the user a payment receipt email.

In your app's Cloud Flow Web Hooks and Background Tasks, the block can be used to access and implement advanced functionality related to the Stripe payment service.

After the stripe object is initialized, you can use it to call into the Stripe library. Refer to for more information.

💻
Stripe API keys
Test mode
Page Editor's preview feature
test credit card numbers
3 letter ISO currency code
Stripe supported currency
Stripe Payment
Execute Connection Command
Page Flow
Cloud Flow
Page Flow
Cloud Flow
Stripe Payment
Custom Code
Stripe library documentation
publishable key
secret key
publishable key
secret key
numeric
object
Stripe's API
text
unique key provided by Stripe
text
text
text
text
Sendgrid service
text
text
text
API Key
Create Payment Intent
Stripe payment services
Payment Intent
Stripe Payment
configured amount
Stripe Service