NullaCode | Bubble Plugins and Templates
DemosContributor Profile
  • NullaCode
  • Support
  • Contact
  • Bubble Plugins
    • Square
      • Square Checkout
      • Square Card Form (Web Payments SDK)
      • Square Seller Authorization (OAuth)
      • Square Subscription Payments
      • Square Customers (Free)
      • Square POS (In-Person Payments)
Powered by GitBook
On this page
  • Forum: Help - Feedback - Feature Requests
  • Plugin Page: Purchase - Ratings
  • Key Concepts
  • Devices
  • Call Back URL Response
  • Getting Set Up
  • Workflow Actions
  • Take Payment (iOS)
  • Take Payment (Android)
  • Additional Information
  • Possible Roadmap

Was this helpful?

  1. Bubble Plugins
  2. Square

Square POS (In-Person Payments)

PreviousSquare Customers (Free)

Last updated 2 years ago

Was this helpful?

This Bubble.io plugin will allow you to easily and securely take in-person payments using the Square POS (Point of Sale) Android or iOS app directly from your Bubble web application on a handheld device.

Forum: Help - Feedback - Feature Requests

Plugin Page: Purchase - Ratings

Sandbox testing is unavailable for the Square POS API. Please test using production Square application details.

Key Concepts

Devices

Square offers in-person payment solutions using a mix of your own devices and their own hardware. For example, you can use your own iPad + Bubble.io app and the Square card reader to securely take card payments.

Call Back URL Response

The call back URL is the required URL that the Square POS app returns to after a payment has been successful or an error has occurred.

The response URL includes parameters and It is usually defined as a confirmation page or backend workflow/api endpoint within your Bubble.io app. Multiple call back URLs can be added to the Square Developer Dashboard in the Point of Sale API section.

Example call back URL: https://interwebbplugins.bubbleapps.io/version-test/confirmation-page

Example call back URL response: https://interwebbplugins.bubbleapps.io/version-test/confirmation-page?data=%7B%22error_code%22:payment_cancelled%22

Getting Set Up

  1. Add your production application ID to the Bubble plugin page within your Bubble.io app.

  2. Within the Square developer dashboard, under the 'Point of Sale API' section, add one or many web call back URLs. The Square POS app will send a response to these URLs with parameters such as error codes.

  3. Finally, download and install the Square POS app from the app store on your device, make sure to sign in for the plugin to be able to open the Square POS app from your Bubble app.

Workflow Actions

Take Payment (iOS)

Use this action to automatically open the Square POS app on any device running iOS.

Note: Make sure you have the Square POS app installed and signed in.

Take Payment (Android)

Use this action to automatically open the Square POS app on any device running Android.

Note: Make sure you have the Square POS app installed and signed in.

Additional Information

  • The POS Android/iOS app has no sandbox capability so testing has to be completed with live payments. Refunds can be easily processed for free from the seller dashboard.

Possible Roadmap

  • Add Bubble native iOS app support.

  • Add Bubble native Android app support.

By using the '' option within your workflows, you have the ability to utilise the URL parameters from your call back URL response to update data or trigger workflows within your Bubble app.

The full list of response parameters available can be found in the Square developer documentation:

Get data from page URL
https://developer.squareup.com/docs/pos-api/web-technical-reference
Square API Reference Documentation
Logo[New Plugin] Square POS (Point of Sale) - By InterwebbBubble Forum
LogoSquare POS (Point of Sale) Plugin for Bubble, by InterwebbBubble
LogoPOS Hardware & Solutions | SquareSquare