[New Plugin] Square Card Form (Web Payments SDK) - By Interwebb

Hi @yubikiri.app, sure I can help! When you save a card on file it creates a Card Id for the Customer, you can use this Card Id as the Source Id when you use the Create Card Payment action.

You can get the Card Ids for a specific customer using the free Square Customers plugin.

Let me know if you have any questions!

Thanks,

Phill

1 Like

Hey Phill, thanks for your reply. So, what I’m understanding is your plugin performs some of the actions required for connecting my bubble site to my square account, but not all of them. Most importantly for me: none of your plugins reconcile inventory across Square and Bubble?

Your plugin will allow users on my bubble site to enter info and process a payment for a purchase, correct?

But in order for that purchase to reconcile the inventory in my Square account I’ll need to implement additional features that are not included in your plugin? And the process for implementing those additional features will require me to do something with the Square API?

So if I’m following correctly, my concern is: I don’t really know how to code, so what am I looking at here? At a conceptual level I understand APIs, but I wouldn’t know how to program Bubble and Square to communicate over the API, and I definitely wouldn’t know how to troubleshoot any issues that arise.

I recognize that you’re saying your plugin makes this easy, and I’m absolutely ok with spending some hours figuring things out. But I am concerned that I will pay for this plugin, spend hours trying to make it work, and then wind up using another solution that is more widely-discussed and free to implement.

Can you help me get a better understanding of what I’m looking at in order to get the API to reconcile the inventory both ways? I need a solution that maintains inventory tracking, and reconciles inventory between a POS in the business, and the e-comm interface on Bubble.

If we have 20 sandwiches for today, I can’t sell 15 sandwiches online and 10 sandwiches on the POS in the shop. I recognize that there are many different implementations of e-comm and you’re building solutions that satisfy people with different intentions. But reconciling inventory is a non-negotiable for me: if you’re not reconciling inventory you’re not planning to stay in business. I’m deeply confused by the fact that none of these plugins are reconciling inventory and it makes me doubt whether or not these plugins are intended for the work I’m doing. But, I would love to find a solution that makes it easy and efficient to connect Square and Bubble.

Please let me know if you’re able to share any more direct insight on what I’ll have to do in order to connect the APIs.

1 Like

Hi @zach8,

I appreciate your concerns and will always do my best to help :slight_smile: there are many ways you could reconcile your Bubble app and Square Seller Inventory.

From what you’ve described, I’d probably recommend using the Square Online Checkout ‘Create Order Payment Link’ workflow action and add your Catalog Item (Inventory Item) by it’s Id into the Checkout’s Line Item List. This way, once the customer has purchased the item(s) through your Bubble app’s Square Online Checkout, your Square Inventory will be updated.

In addition, if your inventory is updated outside of your Bubble app, you can subscribe to Square Webhook Events and, as an example, automatically update your Bubble database when inventory quantity changes using backend workflows.

If you want to try setting this up we offer a low subscription payment option so it’s inexpensive to try our plugins :slight_smile:

It’s also on our roadmap to create a new plugin specifically for managing the Square Inventory and Catalog, I’ll update you when it’s in progress, but can’t guarantee timescales as we have other commitments.

I hope this is helpful, please reach out if you have any questions.

Thanks,

Phill

Hi @phill.dev, Thank you for your reply.
I did it and everything worked !!

If there is anything I don’t understand, please let me know again…(TT)!

1 Like

Great news, let me know if you have any other questions

Hey Phill, This is super helpful thanks! I’m going to start experimenting with your Square Online Checkout plugin today.

*Edit, I’m not sure if i goofed the setup but I got the following error trying to generate a payment link with the workflow:

When you say “subscribe to square webhook events” is that something I’m doing on the Square side with their developer app, or am I doing that in Bubble? Thanks for your help!

Hi @zach8 , Good luck!

The error is a generic Bubble error that usually occurs because the plugin has an issue such as an incorrect input in one of the fields.

Try following these steps to see the server logs which will show a more useful error: Troubleshooting & Support - Interwebb.co.uk - Bubble.io Plugin Docs

Also, it’s best to discuss the Square Online Checkout plugin in it’s dedicated forum post here: [New Plugin] Square Checkout - By Interwebb - Showcase - Bubble Forum

Regarding the webhooks, you’ll need to set up the workflow API root URL and Backend Workflows in your bubble app to enable an endpoint URL and then configure this in Square to receive the webhook notifications when an event happens.

Let me know if you’re still stuck with the error and I’ll be happy to help!

Thanks,

Phill

Thanks Phill, I sorted out the error.

1 Like

Hey Phill, I’m having some issues using the catalog line item workflow.

I assumed I should be using that, in conjunction with create order payment link, but I’m getting an error. Any suggestions? Screenshot of the error and my workflow below.

Hi @zach8 , please use these troubleshooting steps to check the server logs for the more details error

Troubleshooting & Support - Interwebb.co.uk - Bubble.io Plugin Docs

Let me know how you get on :slight_smile:

Thanks,

Phill

Hi Phill,

Great plugin. works for me so far however is there an option to invoke Apple Pay or Google Pay?

Hi @jalex ,

Thanks for the feedback!

The Square Card Form (Web Payments SDK) plugin is only for card payments. As an alternative, our Square Checkout plugin has Google/Apple pay options available when you create an online checkout.

I hope this helps, please let me know if you have any other questions.

If you find our plugins useful, please consider leaving a 5-star review on your app’s plugins tab - it really helps us out!

Kind regards,

Phill

Hi Phil,
We had square check out before but that can’t be embedded into the page if i am not mistaken.
Square developer site has this info for enabling ApplePay ( we are not so much worried about google pay)

https://developer.squareup.com/docs/web-payments/apple-pay

Please let me know if this can be done v

Thanks,
J

Hi @jalex,

I’m sure it’s possible, but unfortunately it’s not something I can commit development effort to at this time - possibly in the future.

Thanks,

Phill

Hi Everyone,

We’ve just released a new minor update to improve the plugins error handling so that you can more easily see why errors are occuring while using the plugin.

Let us know if you have any issues or feedback!

Thanks,

Phill

Hello, I was curious about checking out this plugin, but it looks like your demo page leads to a 404. Is there any chance you have an updated link so I could take a look at this plugin functionality? Thanks!

Hi @dbrodhead

Thanks for letting me know - we’re working on quite a few updates including our demos at the moment

This demo link should work Bubble | No-code apps (bubbleapps.io)

Hey @phill.dev thanks for the good work. The plugin seems great but there’s something annoying going on.
The JS is throwing errors not passed on to the plugin whenever a card can’t be billed.

Can you help with this?

Hi @stefano

Thanks for letting me know about this. If possible, pease can you share a video and the steps to reproduce the error. I’ll work on a solution asap.

Thanks,

Phill

Hi @phill.dev .

The error will happen every time a parameter is wrong. It might be a wrong card number, invalid CVV, no funds on card. Anything.

This freezes the plugin. I have currently worked around this by not using the second half of your plugin’s workflow. So I’m using the plug-in to generate the idempotency key and then I moved on from there using the regular Bubble API Connector.

Is this information good enough? I can still build a video if you’d like to.

While we’re here I might suggest an addition that would be of great help? Having the ability to pass App ID, Source ID and Personal Access Token as workflow parameters would an immense upgrade, thus allowing me to use different vendors without bothering about OAuth keys on the Square side.

1 Like