LogoLogo
Changelog
17.14
17.14
  • Welcome
    • Quickstart
    • Building Your First App
      • Connecting your Contact Form to Salesforce (Advanced)
      • Building Your First App (Appendix)
    • Terminology
    • Airkit Flight School
  • Concepts
    • Journeys
      • Linking to Journeys
    • Actors
      • Conversations with Actors
    • Variable Scopes
  • Studio
    • Studio
    • Builder Bar
      • Journey Builder
      • Web Builder
      • Chat Bot Builder
      • Voice Bot Builder
      • Connection Builder
      • Media Library
      • Data Builder
      • Theme Builder
      • Calendar Builder
      • Configuration Builder
      • Portal Builder
    • App Preview
    • Action Builder
  • Architecture
    • Console
    • Web Flows
    • Data Flows
    • Events
      • Starting Events
      • Journey Events
      • Control Events
      • Activity Events
      • App API and Subscription Events
    • AirData
    • Standard Journey Data
    • Datastores
  • Building Apps
    • Working with Data
    • Forms
      • Form Basics
      • Hiding and Showing Sections of a Form Dynamically
      • Repeating Elements in Forms
      • Dynamic forms based on user input
      • Form Personalization
      • Validation of Forms and User Data
      • How to Capture Secure User Data
      • Creating a Progress Bar
      • Creating a Radio Button List
      • Creating A Dropdown
      • Complex Objects in a Dropdown
      • Working with Option Lists vs Dynamic Lists
      • Using the signature input for electronic signature
    • Voice and Chat
      • Building a Simple Voice Bot
      • Building a Simple Chat Bot
      • Connecting Your Twilio Numbers To Airkit
      • Sending Journey Links via Chat Bot
      • Information Captured from Incoming Calls and SMS
    • KitCloud
      • Using Web Flow Templates
      • Using Data Flow Templates
    • Integrations and APIs
      • Setting up Integrations
      • Creating an API for your Airkit App
      • Passing Data from External Systems
      • Receiving Inbound HTTP API Requests with your App
      • Securing API Endpoints with Airkit API Tokens and Permissions
      • Querying and Manipulating Data From External Systems
      • Adding and Modifying Resources
      • Creating SFTP Credentials
      • Swagger Schema Validation
      • Create A Salesforce Lead
      • Create a Zendesk Ticket
      • Integration Examples
      • Your APIs and Systems Connect to Airkit
    • AirData
      • AirData App Objects
      • AirData Querying Capabilities
      • Schedule Objects
    • Calendars
      • Creating an Availability Schedule and tying it to a Scheduler Control
      • Best Practices for calendar and calendarRestriction
      • Using the Scheduler Web Control to Reschedule Deflected Calls
      • Integrating to External Calendar Systems
    • Maps and Addresses
      • Working With Maps
      • Working With Addresses
      • Working With Different Address Formats
      • Working with the Users Current Location
    • Payments
      • Creating a Stripe Integration
    • Email
      • Sending Emails
      • Configuring a Domain For Sending Email
    • Timers and Reminders
      • Scheduling and Reminders
      • Journey Specific Timers and Reminders
      • Setting up Periodic Tasks
    • PDFs
      • Creating a PDF
      • Working with Existing PDFs
      • Example HTML Code to Create a PDF
    • Assets and Media
      • Designing the UI for the File Upload Web Control
      • Working with Files and Media
      • Working with Assets in Data Operations
      • Uploading Assets to a Remote Server
    • Embeds
      • Embeds
      • Embedding an Airkit Experience on your Website
      • AirClient Configurable Properties
    • Portals
      • Portal Capabilities
      • Portal Data Grids
      • Running Data Flows from a Data Grid Portal Page
    • Publishing
      • Publishing Your Application
      • Editing an Application
      • Importing and Exporting an Application
      • Using Profiles for Deployment settings and Configurations
      • Promoting Variables to an App Setting
    • Analytics
      • Journey Analytics
      • Reporting
      • View Past Journeys with Activity Explorer
      • Setting up Analytics with Google Tag Manager
      • Setting up Analytics with Heap
      • Analytics Schema
    • Advanced
      • Custom Controls
    • Authentication
      • SAML Authentication
  • Airscript
    • What is Airscript?
    • Airscript Quick Start
    • Airscript Examples
    • Advanced Airscript Examples
    • Testing Airscript Expressions
    • Working with Text in Airscript
    • Working with Numbers and Currency in Airscript
    • Working with Date, Time and DateTime in Airscript
    • Working with Email and Phone Numbers in Airscript
    • Working with Missing Values with Airscript
    • Encoding in Airscript (URLs and Base64)
    • Filtering Data using Query Expression
    • Querying Lists (Arrays) and Objects (JSON) in Airscript
    • Date and Time Formatting Options
    • Time Unit Values
    • Supported Time Zones
  • Customizations
    • Phone Numbers
    • Custom Domains
    • Connecting Your Domain to Airkit
    • Styling
      • Styling with Themes
      • Working with Themes and Control Variants
      • Importing and Exporting Themes
      • Working with Custom Fonts
      • Creating an App Header
  • Administration
    • Configuring SSO Access for an Organization
    • Managing User Roles
    • Adding Users to Airkit
    • Airkit Organizations
    • Environments
  • Error Management
    • Configuring App Error Notifications to Slack
    • How to Log a Custom Event Error and send an Email Notifier
  • Security and Compliance
    • IP Ranges
    • Encrypting Data
    • App Security FAQ
    • TCPA
    • How To enforce TCPA
  • airscript-functions
    • Text Functions
      • CAPITALIZE
      • CONCAT
      • ISSTRING
      • LOWERCASE
      • PADSTRING
      • REPLACE
      • REPT
      • SPLIT
      • STRING_COMPARE
      • STRING_FIND
      • STRIP
      • SUBSTITUTE
      • SUBSTRING
      • TITLECASE
      • TRIM
      • UPPERCASE
    • DateTime Functions
      • ADD_TO_DATETIME
      • DATE
      • DATETIME
      • DATETIME_DELTA
      • DATETIME_FROM_FORMAT
      • DATETIME_FROM_TIMESTAMP
      • DATE_DELTA
      • DATE_FROM_DATETIME
      • DATE_FROM_FORMAT
      • DAY
      • DAYS
      • FORMAT_DATE
      • FORMAT_DATETIME
      • FORMAT_TIME
      • HOUR
      • ISO_WEEK
      • MINUTE
      • MONTH
      • NOW
      • SECOND
      • SUBTRACT_FROM_DATETIME
      • TIME
      • TIMESTAMP_FROM_DATETIME
      • TIME_DELTA
      • TIME_FROM_DATETIME
      • TIME_FROM_FORMAT
      • TODAY
      • UPDATE_DATE
      • UPDATE_DATETIME
      • UPDATE_DAY
      • UPDATE_HOUR
      • UPDATE_MILLISECOND
      • UPDATE_MINUTE
      • UPDATE_MONTH
      • UPDATE_SECOND
      • UPDATE_TIME
      • UPDATE_TIMEZONE
      • UPDATE_YEAR
      • WEEK
      • WEEKDAY
      • YEAR
    • List Functions
      • CONTAINS
      • FIRST
      • FLAT
      • JOIN
      • LAST
      • LENGTH
      • SHUFFLE
    • Object Functions
      • KEYS
      • VALUES
      • MERGE_OBJECTS
    • Math Functions
      • ABS
      • ACOS
      • ACOSH
      • ACOT
      • ACOTH
      • ASIN
      • ASINH
      • ATAN
      • ATAN2
      • ATANH
      • CEILING
      • COMBIN
      • COMBINA
      • COS
      • COSH
      • COT
      • COTH
      • CSC
      • CSCH
      • DEGREES
      • EVEN
      • EXP
      • FACT
      • FACTDOUBLE
      • FLOOR
      • GCD
      • ISEVEN
      • ISNUMBER
      • ISODD
      • LATLNGDISTANCE
      • LCM
      • LN
      • LOG
      • MAX
      • MIN
      • MROUND
      • MULTINOMIAL
      • ODD
      • PI
      • POWER
      • PRODUCT
      • RADIANS
      • RANDOM
      • RANGE
      • ROUND
      • ROUNDDOWN
      • ROUNDUP
      • SEC
      • SECH
      • SIGN
      • SIN
      • SINH
      • SQRT
      • SQRTPI
      • SUM
      • SUMSQ
      • TAN
      • TANH
      • TRUNC
    • Conditional Functions
      • IF
      • ISEMPTY
      • ISNOTEMPTY
      • NOT
    • Currency Functions
      • CURRENCY
      • FORMAT_CURRENCY
      • PARSE_CURRENCY
    • Phone Functions
      • FORMAT_PHONE
      • ISPHONE
      • PARSE_PHONE
    • Email Functions
      • ISEMAIL
    • Number Formatting Functions
      • ARABIC
      • FORMAT_NUMBER
      • PARSE_NUMBER
      • ROMAN
    • Data Type Functions
      • FROM_JSON
      • TO_JSON
      • TYPEOF
    • Asset Functions
      • ASSET_SIZE
      • ASSET_STATE
      • ASSET_THUMBNAIL_URL
      • ASSET_TO_URI
      • ASSET_TYPE
      • URI_TO_ASSET
    • Encoding Functions
      • BASE
      • BASE64_DECODE
      • BASE64_ENCODE
      • HMAC_MD5
      • HMAC_SHA1
      • HMAC_SHA256
      • MD5
      • SHA1
      • SHA256
      • URL_DECODE
      • URL_ENCODE
      • VALUE_OF
    • Arithmetic Operators
      • Addition (+)
      • Subtraction (-)
      • Multiplication (*)
      • Division (/)
      • Remainder (%)
    • Comparison Operators
      • Equality (=)
      • Inequality (<>, !=)
      • Ordering (<, <=, > , >=)
    • User Defined Functions
      • User Defined Functions
      • Creating a new User Defined Function
  • Web Controls
    • Web Controls Overview
    • Common Style Properties of Web Controls
    • Button
    • Button Cell
    • Checkbox
    • Checkbox Cell
    • Checkbox List
    • Container
    • Credit Card
    • Currency Input
    • Date Picker
    • Dropdown List
    • Email Input
    • Embedded External Content (Container)
    • File Upload
    • Form Container
    • Hyperlink
    • Image
    • Label
    • List
    • Map
    • Media Upload
    • Number Input
    • Payment Request Button
    • Phone Input
    • Place Search Input
    • Progress Bar
    • Radio Button
    • Radio Button List
    • Radio Cell
    • Scheduler
    • Secure String Input
    • Signature
    • Simple Cell
    • Text Area
    • Text Input
    • Web Flow
    • Web Page
  • Voice and Chat Controls
    • Dialogue Controls Overview
    • Decision Menu
    • Forward Call
    • Secure Touchtone Capture
    • Text Response Capture
    • Touchtone Capture
  • Data Operations
    • Data Operation Overview
    • AirData Request
    • Calendar Search
    • Create File
    • Delete Assets
    • Download Encoded Asset
    • Fetch Asset Details
    • Fill PDF Form
    • Google
    • HTML to PDF
    • HTTP Request
      • Using an API With Paging
    • Journey Mapping
    • Merge PDF
    • Run Data Flow
    • Run Journey Event
    • Salesforce
    • Secure Value Retrieval
    • Send Email
    • SFTP
    • Swagger Schema Validation
    • Transform
    • Wait
    • XML to JSON
    • Zendesk
    • ZIP File
  • Actions
    • Analytics Identify
    • Analytics Send Event
    • Cancel Timer
    • Close Modal
    • Condition
    • Create Timer
    • End Journey
    • Extend Journey Expiration Time
    • Initialize Actor
    • Log Custom Event
    • Navigate To Web Flow
    • Navigate to Web Page
    • Open Modal
    • Reporting Metric > Count
    • Reporting Metric > Field
    • Reporting Metric > Start Timer
    • Reporting Metric > Statistic
    • Reporting Metric > Stop Timer
    • Run Data Flow
    • Run Data Flow Repeatedly
    • Run Event
    • Set Authentication
    • Set Identifier
    • Set Variable
    • Start Chat Bot
    • Start Voice Bot
  • Variable Data Types
    • Data Types Overview
    • Any (JSON)
    • Asset
      • Detailed Asset
    • Boolean
    • Currency
    • Date
    • DateTime
    • Email
    • List
    • Location
    • Null
    • Number
    • Phone
    • Place
    • Text
    • Time
    • Custom Data Types
  • Integrations
    • Genesys Widget Integration
    • Zendesk Integration
    • Salesforce Integration
    • Plaid Integration
    • Twilio Integration
    • Stripe Integration
    • Shopify Integration
    • Airtable Integration
    • Google Integration
    • SFTP Integration
    • Custom Integrations
  • Kitcloud Templates
    • Address Capture and Parsing Web Flow Template
    • AirData Delete Record Data Flow Template
    • AirData Find Records Data Flow Template
    • AirData Insert Record Data Flow Template
    • Airtable Create Data Flow Template
    • Airtable Delete Data Flow Template
    • Airtable Query Data Flow Template
    • Airtable Update Data Flow Template
    • App Store Icon Buttons Web Flow Template
    • Attach Image to Ticket (Zendesk) Data Flow Template
    • Authenticate with API Web Flow Template
    • Basic HTTP Request Data Flow Template
    • Basic Transform Data Flow Template
    • Capture Customer Info Web Flow
    • Close a Ticket (Zendesk) Data Flow Template
    • Collect Customer Satisfaction Score (CSAT) Web Flow Template
    • Collect Net Promoter Score Web Flow Template
    • Collect One-Time Payment (Multiple Methods) Web Flow Template
    • Collect One-Time Payment (Stripe) Web Flow Template
    • Communication Channel Opt-in Web Flow Template
    • Complete a Task (Salesforce) Data Flow Template
    • Contact Us Web Flow Template
    • Create a Task (Salesforce) Data Flow Template
    • Create Ticket (Zendesk) Data Flow Template
    • Custom Image Radio Button List Web Flow Template
    • Email Mailing List Sign-Up Web Flow Template
    • Email Verification with OTP Web Flow Template
    • Encrypt Content with PGP Data Flow Template
    • Find a Contact by ID (Salesforce) Data Flow Template
    • Find a Task by ID (Salesforce) Data Flow Template
    • Find a User by ID (Salesforce) Data Flow Template
    • Find All Tickets (Zendesk) Data Flow Template
    • Generate One-Time-Password Code Data Flow Template
    • HTTP Request with Form Data - Data Flow Template
    • Location Selection with Map
    • Log a Call (Salesforce) Data Flow Template
    • Lookup Time Zone by Zip Code Data Flow Template
    • Order Summary Web Flow Template
    • Product Picker Web Flow Template
    • Run Sub Data Flow - Data Flow Template
    • Send Web Flow Link Chat Bot Template
    • Social Media Icon Buttons Web Flow
    • Speech Bubble Web Flow Template
    • Terms and Conditions Acceptance with Signature Capture Web Flow Template
    • Transform with Query Data Flow Template
    • Upload Photos Web Flow Template
    • USPS Address Verify Data Flow Template
    • USPS Lookup City and State by Zip Code Data Flow Template
    • Verify Email Address with OTP Web Flow Template
    • Vertical Progress Bar Web Flow Template
    • Yes/No Question List (Airscript Dynamic List)
    • Yes/No Question List (Static)
  • Product Versions
    • Customer Experience Runtime (CXR) Overview
    • Release Cadence and Long Term Support (LTS)
    • CXR Upgrades and Migrations
      • 17.14
      • 17.13
      • 17.12
      • 17.11
      • 17.10
Powered by GitBook
On this page
  • Overview
  • Control Details
  • Control Actions
  • Examples

Was this helpful?

  1. Web Controls

Credit Card

PreviousContainerNextCurrency Input

Last updated 1 year ago

Was this helpful?

Overview

A Credit Card web control is used to collect credit card information from users. By default, it is set up to work with a .

Control Details

Datasource ID

This ID represents the Stripe Data source to use for payment processing.

Currency

A data type value representing the amount to be charged. For example:

CURRENCY(  
  1000,  
  "USD",  
  2  
)

This value would charge 10 dollars.

Button Text

The text to display on the submit button in the Credit card control.

Number Placeholder

The placeholder text for the Credit Card Number input.

CVC Placeholder

The placeholder text for the CVC input.

Expiration Placeholder

The placeholder text for the expiration input.

Return Payment Token

If enabled, the payment request will return a payment token that can be used to identify the payment method. The token is available on the event.token.

Create New Customer

If enabled, the payment request will return a new customer id for the customer. This id will be returned on the event.customerId.

Customer ID

To use an existing customer, pass in a customer id to the control.

Control Actions

Submitted

The submitted action chain is triggered whenever the user clicks the button at the bottom of the form.

Submit Successful

The Submit Successful action is triggered if the processor successfully executes the payment.

Submitted Failed

The Submitted Failed action is triggered if the payment fails to complete successfully by the processor.

Input Validation

The Input Validation action is triggered every time the user modifies a value on the credit card data. The results of the validation check are returned on the input validation event and can be used for custom error messages.

Note: this action chain is fired on both validation success and failure.

Examples

Example 1: Simple Collection Form

A simple credit card form:

Create a Stripe Integration at the Console level. Attach the integration to the app via the . Add a Credit Card component to a web page. Select the integration from the dropdown. Add a valid currency value.

Configuration Builder
Stripe Integration
Currency
organizing info
organizing info