MARKETPLACE
PLUGINS
STRIPE CARD READER
Stripe Card Reader logo

Stripe Card Reader

Published June 2021
   •    Updated December 2025

Plugin details

Plugin for Stripe Card Reader POS (Accept in-person payments, Verifone P400 or Stripe Reader S700 or BBPOS WisePOS E). This plugin will enable you to use the Stripe Verifone P400 or Stripe Reader S700 or BBPOS WisePOS E Card Reader, you can get paid from customers in-person with their credit card via Stripe Verifone P400 or Stripe Reader S700 or BBPOS WisePOS E Card Reader.
The plugin is exclusively for JavaScript environment (e.g. - Every device via web browser (Chrome, Internet Explorer etc..)).

$200

One time  •  Or  $25/mo

stars   •   0 ratings
25 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Variantim logo
Variantim
Joined 2021   •   1 Plugin
View contributor profile

Instructions

Make sure you enabled the API workflows, after checking the box 'Enable Workflow API and backend workflows' in the API section in the Settings Tab.
If you need more help contact us in email - [email protected].

These workflows are defined in the Backend workflows page found in the Application Menu above the Palette.
refer to : https://manual.bubble.io/help-guides/integrations/api/the-bubble-api/the-workflow-api

1. Need to create 5 API Workflows :
a. stripe_reader_connection_token -
i. Expose as a public API workflow = true
ii. This workflow can be run without authentication = true

a.1 create action - you can search connection token.
a.2 after the connection token, create another action Return data from API - with this parameter:
key = secret, text, value from previous step "secret".
b. stripe_reader_create_payment_intent -
i. Expose as a public API workflow = true
ii. This workflow can be run without authentication = true
iii. manual definition of parameters:
1. totalAmount, number
3. currency, text, optional (default = usd)

b.1 create action - you can search create payment intent, pass the parameters from iii.
b.2 after the create payment intent, create another action Return data from API - with this parameter:
key = client_secret, text, value from previous step "client_secret".
c. stripe_reader_capture_payment_intent -
i. Expose as a public API workflow = true
ii. This workflow can be run without authentication = true
iii. manual definition of parameters:
1. paymentIntentId, text
2. uniqueId, text, use for identifing in the Card Reader Notifications thing

c.1 create action - you can search capture payment intent, pass the parameter from iii.
c.2 after the capture payment intent, create another action Return data from API - with this parameter:
key = success, yes/no, value from previous step "success",
key = intentStatus, text, value from previous step "Intent Status",
key = generatedCardForTip, text, value from previous step "Generated Card Id"
d. stripe_reader_save_payment_intent -
i. Expose as a public API workflow = true
ii. This workflow can be run without authentication = true
iii. manual definition of parameters:
1. paymentIntentId, text
2. uniqueId, text, use for identifying in the Card Reader Notifications thing
3. sessionId, text, use for session save in the Payment Intents thing

d.1 create action - you can search capture payment intent, pass the parameter from iii.
d.2 after the capture payment intent, create another action Return data from API - with this parameter:
key = ID, text, value from previous step "paymentIntentId",
key = Unique Id, text, value from previous step "uniqueId",
key = Session Id, text, value from previous step "sessionId"
e. stripe_reader_notifications -
i. Expose as a public API workflow = true
ii. This workflow can be run without authentication = true
iii. manual definition of parameters:
1. error_code, text
2. message, text
3. read, yes/no
4. success, yes/no
5. uniqueId, text, use for identifying in the Card Reader Notifications thing
6. sessionId, text, use for session save in the Payment Intents thing

e.1 create action - you can search capture payment intent, pass the parameter from iii.
e.2 after the capture payment intent, create another action Return data from API - with this parameter:
key = error_code, text, value from previous step "error_code",
key = message, text, value from previous step "message",
key = read, text, value from previous step "read",
key = success, text, value from previous step "success",
key = uniqueId, text, value from previous step "uniqueId",
key = sessionId, text, value from previous step "sessionId"


2. Create this Data Types -
Locations :
lc_id, text.
name, text.
Card Reader Notification :
error code, text.
message, text.
read?, yes/no, default no.
success?, yes/no, default no.
Session Id, text.
Unique Id, text.
Card Readers :
name, text.
reader_id, text.
Payment Intents :
ID, text.
Session Id, text.
Unique Id, text.


3. Need to create a Location (name, address, country) using the workflow action - Create Location, in response you will get Location id & name.


4. Need to to register a reader (label, registration code, location id) using the workflow action - Register Reader, in response you will get Reader Id & label.


5. Need to create button and then click on add/edit -> workflow action -> you can search for "Authorize and Capture Payment" - you need to pass as parameters:
a. Reader Id - text, selected Reader Id.
b. Location Id - text, selected Location Id.
c. Total Amount - number.
d. Currency - text, optional, default = usd.
e. Unique Id - text, using to unify it into the Card Reader Notifications.
f. Session Id - text, using to unify it into the Card Reader Notifications & In Saving the payment intent for future Tip.
g. Test Mode? - Yes/No, default = false, if you are using test version of Bubble then it should be true.


6. Need to create button and then click on add/edit -> workflow action -> you can search for "Capture Tip Payment Intent" - you need to pass as parameters:
a. Generated Card Id - text, From Payment Intents.
b. Tip Amount - number.
d. Currency - text, optional, default = usd.
step 2:
create workflow action -> Create a new Card Reader Notification pass relevant parameters for you to know that Tip was captured successfully or not

You should set a popup saying if there is a problem or payment success from the Card Reader Notifications.
Remember to Delete Payment Intents that you used in phase 6, it can be used once...
You can checkout this Bubble environment for example:
https://bubble.io/page?type=page&name=register_reader&id=maoztest111&tab=tabs-2
if you need more help contact us in email - [email protected].

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Ecommerce   •   Payment   •   Small Business   •   Productivity   •   Customer Support

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble