Integrating Stripe with DronaHQ

Integrate Stripe to set up a powerful payment platform to enhance your Micro-app’s capabilities as a full-fledged e-commerce solution. The Stripe connector enables you to build your payment infrastructure in a matter of minutes. You can build your Apps interface on top of the payment data. You can find the connector beneficial to get customer details, create customers, initiate refunds, and others for your Stripe account.

Configuring Stripe connector

  • The Stripe connector is available under Connectors.

  • You need to add the Stripe Account to Authenticate Stripe. Here you can add an account by using Connect Stripe Account.

  • For this you need to first configure the account and then proceed. Once all details are added, click Save. Your connector account configuration is now done.

  • If you have already configured your account, you simply need to choose it from the list. In case you want to make any changes to the account configuration you can hover your mouse across the account and you can note the edit and delete options. Click to Edit.

Using Stripe connector

Now let us consider a few scenarios to understand some of the functionalities available with this integration. You can make use of the connector functions by adding the connector from an Action Flow or a Workflow. You can also use the Bind Data to fetch data from the connector.

Now when you want to use the Stripe connector within your Apps, you can go to the UI Builder > Connectors > Connected tab. Here all connectors that have accounts configured or in other words, are connected will be listed out. If you click Manage Account, you can see the list of all available actions for the connector. You would need to add the API / action whenever that you need to use for further actions. Once you have fetched the data using the respective action, you can make use of the Bind Data to fetch data into a control.

Get Customers

Let us now understand how to use the available actions of a connector. You can fetch and bind data from the connectors. Now let us fetch the list of Customers who are a major resource of your Stripe account. The Customer’s details including profile, billing information, tax information, billing, and shipping address are stored for customers. At times you want to fetch the customer data. The Stripe connector allows you to get all these simple. Let us simply fetch the basic Customer and display it in a table grid. However, you may have multiple uses to fetch Customer data like using the customer’s payment details to collect payments, invoicing, and so on.

To fetch customer data let us use the Stripe connector for which we have already seen how to connect an account

  • Add a tablegrid control to your form. On Bind data for the table grid control, select Connectors and select the Stripe Connector, and click Continue.

  • From the available list of Actions, select the GetCustomers action.

  • Select the connected authenticated account and click Continue.

  • Once the connector fields are configured, you can select the keys that you want to display and Save.

Now when you run the form, you can see the list of customers.

You can add an action flow or a workflow. In this example here let us consider an Action flow event.

Adding a customer

Now let us take another example to add a Customer to your Stripe account. Let us design a form for the same with an action button.

Here we will add an action flow that would trigger the Stripe Connector.

  • Under Action flow > Server Side Actions, select Stripe connector.

  • From the available list of Actions, select the CreateCustomer action.

  • Select the connected authenticated account and click Continue.

  • Add the connector configuration fields and click Continue. You can make use of the keywords to link the control to the fields.

  • Add a connector name and execution condition if any and click Finish.

  • Now when you run this form and click to submit data the action flow will create a new customer in your Stripe Account.

You can also initiate a refund using the Connector. Moreover, with DronaHQ you can even integrate other connectors like Shopify with Stripe to build a complete refund tool easily. You can refer to this video here to see how to build a refund tool by integrating Shopify and Stripe.