<center><img src="https://cdn.steemitimages.com/DQmcvsVXBZJMyQpHVzgHdWD2brKBG9MYVR7JFYhtAK36x7M/accountsignups.png"></center>
<b>Last week I <a href="https://steemit.com/utopian-io/@roelandp/proof-ink-proven-immutable-data-file-hashes-stored-on-the-steem-blockchain" target="_blank">introduced</a> Proof.ink's document hashing service. It was a humble succes and thanks to all your votes we reached the <a href="https://www.producthunt.com/posts/proof-ink" target="_blank">number 3 spot on ProductHunt's daily ranking</a>, thanks for that! </b>

I received a couple of comments about the fact that, as Proof.ink is a product very much for mainstream (or at least beyond the current Steem user-base), it should have the option to register Steem accounts for newcomers instantly on the site itself to make the onboarding as smooth as possible.

I found it a very compelling comment, so I thought about what it would take to enable just that! 

Not that long ago I launched my API node for registerring Steem Accounts by processing payments, as used in the in-app payments for the <a href="https://steemwallet.app" target="_blank">SteemWallet mobile apps</a>, so the private account registration RPC API was already in place. All I needed was to connect it to another payment provider to get card payments rolling and then make it work on the Proof.ink site. 

During the brainstorm process I thought it would be more useful to go for a generic approach instead of making and offering the Steem Account Signup widget only to Proof.ink's website. By keeping this in mind I built a widget which can be customised and added as an <b>instant Signup Service to any site</b> or project by simple adding a link(s) and a mere 5kb javascript-src to launch the widget on site, <b>without the need to leave that site</b>. 

The end result is an customisable embeddable widget or "On-site Signup App" which you can use straight away to register Steem accounts for a small fee using a Mastercard, Visa or American Express (credit or debit) card (and expandable to other forms of payments in the near future). 

<table><tr><td><center><img src="https://cdn.steemitimages.com/DQmYTcF4kHWr1H5AgT6bELyGYTKVsobh35mi4z8dA61XRHG/swsignuppreview.jpg"><br /><sub>Customised signup widgets <i>embedded</i> on 3 of my Steem projects</sub></center></td></tr></table>

The widget works by launching a fullscreen overlay to any site where the code is <i>embedded</i>. This launches a foolproof (imho) and straightforward signup process with realtime account validity checking, password validation, optional random password generation and offers a way to download all keys generated, prior to checking out. Then, by submitting card details, the service tries to charge and create the account instantly. Once done, the user has a final chance to save their backup-key file and the account is ready to use. 

Here is a video displaying the account signup process on the fly using the embeddable widget (in this case on SteemWhale.io, but could literally be any site): 
https://youtu.be/CiH0WeGOsAE


<h3>Add the Steem Account Creation Widget to your site with one line of code!</h3>I've already customised and added the <a href="https://steemwallet.app/widget/index.html" target="_blank">Steemwallet Instant Signup</a> to some of my project sites such as <a href="https://SteemWallet.app" target="_blank">SteemWallet.app</a>, <a href="https://proof.ink" target="_blank">Proof.ink</a>, <a href="https://SteemWhale.io" target="_blank">SteemWhale.io</a> and <a href="https://SolicitingPower.com" target="_blank">SolicitingPower</a>. The integration feels natural as you can customise the links displayed and furthermore you can add your own site-name, site-icon and referrer-account to the widget, all easily setup, previewed and live-tested via the <a href="https://steemwallet.app/widget/index.html" target="_blank">Steem Wallet Account Signup Widget configurator</a>. 

<b>Benefits of having an embeddable Signup widget on your site</b>: 
- Potential new users don't leave your site
- The widget itself is customisable with your name, referrer and image
- You help grow the Steem chain with new signups!

<h3>Calling all Steem Site owners who want to offer in-site Instant Steem Signup</h3><b>Make it easy for new users to signup to the Steem blockchain</b> while keeping them on your site! Add the SteemWallet account signup widget. It's as simple as adding a <code>a href</code>-tag (or multiple), style them as to how you like and then add a small 5kB including javascript near the <code>/body</code>-closing tag. 

<table><tr><td><center><img src="https://cdn.steemitimages.com/DQmdiWUDZAx1F1kir3bAjVC58uKYTUww3bUxeero1yqXXkU/Screenshot%202019-02-11%20at%2012.17.57.png"><br /><sub>Screenshot of the <a href="https://steemwallet.app/widget/index.html" target="_blank">Account Signup Widget Configurator</a></sub></center></td></tr></table>

<hr>
<center><h2> <a href="https://steemwallet.app/widget/index.html" target="_blank">Click here to add the Signup Widget to your site!</a></h2><sup>Many questions are answered in the <a href="https://steemwallet.app/widget/index.html#faq" target="_blank">FAQ</a></sup></center>
<hr>

<center><sup>Ps. If you like what I am doing here, consider a witness vote for '@roelandp' - Thanks!</sup></center>