How to Create a Bitcoin Payment Widget

Customization and ease is important for an ecommerce shop owner. With the Bitcoin Payment Widget you can create your own widgets and…

How to Create a Bitcoin Payment Widget

Customization and ease is important for an ecommerce shop owner. With the Bitcoin Payment Widget you can create your own widgets and customized Bitcoin payment solutions. What is a payment widget and how does it compare to payment buttons or links? When should you use them?

Payment Button

The Payment screen will appear as a popup on the page. This allows for simple creation, but there’s a non-disruptive payment screen in the same page. This can be a problem if requiring customers to enter in info from a checkout cart.

The payment screen opens in a new tab. This is very simple to set up and add, but is more intrusive to customers, having to switch between tabs. This is however very useful to share in social networks/chat where you don’t necessarily have a website.

Payment Widget

The payment screen is embedded in the same page, making it seamless with the checkout process. It allows full customization as HTML allows, and matches your brand.

Payment Widgets allow seamless integration with your website UI avoiding popups

This guide will show you how to create your own Bitcoin Payment Widget.

Step 1: Finish Filling in Info on Blockonomics

After finishing entering all the info for your widget, such as price, title, etc. as detailed in the article above, click on Generate Widget.

Step 2: Invoke Payment Widget in your JS code

After clicking Generate Widget, your widget uid is shown which you can use in your JS code

Generating Payment Widget

We can collect customer input fields from our form and pass it to the payment widget via JS. We also need to mention the HTML element (msg_area) where the payment widget will be rendered

Invoking Payment Widget Code via JS

Step 3: Get paid in Bitcoin!

Then a user can come to my website, enter in their email and the payment info will appear showing how much Bitcoin to send to which address:

And that’s it! You can customize the widget to your hearts content, and use it with a variety of websites that allow you to make a truly custom Bitcoin Payment Experience

References