We love React and Gatsby at Payhere! We recently made a lot of powerful updates to our embed SDK and wanted to bring those natively to React.

That time has now arrived, we’ve just launched our payhere-embed-sdk on npm and it has React support built-in. Head over to the React docs to get started.

Integrating payhere into your own websites / web apps allows a much more seamless experience and in combination with a modern frontend stack like Gatsby you can have lightening fast payments setup in a matter of minutes.

Now possible with Payhere + React​

1. Calculate the price on your end​

In combination with our donations feature you can pass in a custom amount generated on your site, this opens us up to integrations like shopping carts, especially now that we can capture additional data through custom fields.

Find out how

2. Capture additional data​

Hidden custom fields allow passing extra data along with a payment that will make its way back to your servers in a webhook or through our API. This allows you to do things like embed a hidden user_id with the payment and match it up when the webhook comes in.

Find out how

We can’t wait to see what you build with Payhere and React!

Thanks,
Team Payhere

Custom fields​

With the launch of custom fields we have improved our Embed SDK, allow you to pass along custom field values. You can also mark custom fields as hidden from the payment form. This allows you to pass custom metadata along with a payment that your end customer doesn't have to see. It could be as simple as an order ID, so that when webhooks come in you can easily connect up a payment and order in your system.

Donations​

One-off and recurring donations open up the usefulness of payhere, not only for charitable or pay-what-you-want products, but also allow you to figure out the customers price on your website and simply pass that into the payhere plan.

When creating your plan just remember to check the 'Customer sets price (donation)' box.

This opens the doors to custom shopping carts pluging into a payhere checkout etc.

We'll be working on some open source examples of how we think you can use payhere, no doubt you will all come up with your own creative solutions, if you have any questions or ideas please email us!

You can find further documentation on both of these in our Advanced Embed SDK docs

Thanks, Pete and the Payhere team

We'll be updating this site frequently over the next few weeks as we release our Embed SDK v2, move our API from private beta to public beta and mostly as we implement all the great feedback you give us.

Thanks for taking the time to check it out and as always let us know if you have any questions or feedback. Our contact form on the main site is the best way to get in touch.

Thanks, Pete and the Payhere team