DIY: Decentralize it Yourself | ChangeNow Widgets

DIY: Decentralize it Yourself | ChangeNow Widgets

By Mynima | Hobbyist Crypto | 11 Jul 2020


A month or so ago, I embarked on the task of getting my cypto-folio organised. This inevitably led to a critical review of where my funds where held. As with most people I can imagine I wasn't alone in holding funds on an Exchange (Binance). This has always been out of easy more than anything, plus with the withdrawal fees it seemed like a waste of money to move them out if I was possibly going to trade again. Perhaps this is actually a purposeful effort by the exchanges to hold on to funds/liquidity (get the tinfoil hats on everyone!). However, it really does (and rightly so) set off some alarm bells for uses as we all know the saying:

Not your keys, Not your coins 

Since then I've been making an active effort to build better habits when it comes to management of my funds, at the heart of this is to make use of non-custodial services. A flagship company offering these serves should be well known to all readers on Publish0x, ChangeNow. This is the story of how I set up (via GitHub pages) a website and embedded my own ChangeNow trading widget, along with a couple of other handy tools, to build a platform for safe, easy, non-custodial trading.


First of all it is important to cover a bit of the background. So what is ChangeNow (in their own words)?

ChangeNOW is a non-custodial service created for simple and fast cryptocurrency exchanges. We strive for maximum safety, simplicity, and convenience. We do not store your funds or require any sort of account creation.

ChangeNOW has more than 170 coins available for exchange and does not hold any limits; you can exchange as much as you want - account-free, worry-free, faster than light. The fiat option is also available - you can buy cryptocurrency with Visa or MasterCard through our third-party partner.

But what does this mean?

Safe: Well what is means for end users is that you are always in control of your keys throughout the process. This means that for the purposes of security then you are the only one responsible for your funds. Unlike centralized exchanges, because ChangeNow are not holding your funds, there isn't a single point of accesses for hackers to target if they wanted to access the users funds, instead every user would need to be hacked individually, making loss of funds much less likely.

Simple: The account-free element of the will have privacy conscious people happy as well. No account, means no personal data and also it means not having to provide any KYC (know your customer) photos of yourself/passport, which will put a lot of minds at ease.

Convenient: Finally, both the website exchange (and as we'll see later the widgets) are so easy to use there really is no excuse (or need) to continue to trade funds using a standard centralized exchange. Say goodbye to withdrawal fees and hello to trading freedom!



There are two main things to set up here, the website (the world is your oyster) and an affiliate link to ChangeNow. I'm not going to bore you with the whole site setup, but will share (as was shared with my by Tomoyan) an easy way to do this.


The Website

As I mentioned in the introduction (despite no prior knowledge of webdesign) I was able to set up my own website using GitHub pages. If, you'd like to follow in my footsteps take a look at, this is an excellent guide to setting up a smart high-quality website in really no time at all, with minimal coding experience.



The Affiliate Program

Now if you thought the website was quick and easy to set up then don't blink, or you may miss it. ChangeNow's affiliate program is setup with just a few clicks of the mouse button (around 20 sec!!!). With something that quick it is always safe to go to the action replay, to make sure we didn't miss anything.





Boom! That is it, and you just landed on the affiliates dashboard page.



Trade and Swap Widget

So I had a website, an affiliate link and a pocket fully of dreams.....or in the very least an idea. Despite ChangeNow's DIY white label exchange looking solid (you read that right, you can set up your own exchange using ChangeNow!), I wanted to go simple for my first foray into site coding. So what I did was head on over the "Widget & Buttons" section of the site.


Having been blown away by the easy of setting up the affiliate program I shouldn't have been surprised at how easy this next step was. Everything you need to install the widget on screen is there for you. The top section (above) gives details of installing any word press plugins. However, lucky for me I didn't need to do this, as I was just looking to host a widget on my GitHub Pages site. So, below that there is a fully active example of how the button or widget will look, what preset options to apply and finally the code I needed for adding the widget to my GitHub site.


We'll come back to adding the code to the site later.


Charts Widgets

Right, I'd got myself set up with a trading widget now....awesome! However, I don't know about other folks, but before I make trades I like to have a quick look at the charts. It is really hard to put a trade cost in context sometimes without looking at the historic data. For me the charts tools used on most centralized platforms can be really handy. So, I thought to myself, "if I can decentralize the trading then maybe I can do the same with the charts tools, I mean doesn't Binance just use TradingView charts?". I headed over to good ol' PreSearch and it really wasn't long until I found what I was looking for:

Similar to the trading widget there were a bunch of click and try options to be added to get the widget looking just how you want it. I added the options to add the drawing tools and also launch the chart in a popup window, along with some other cosmetic options. Really couldn't be easier, just clicking and looking at the example til you have what you want.



Building the Page

So after getting the code for both the ChangeNow widget and than the trading view chart it was a case of setting up a page on my site to put it all together. First of all I went over to the _config.yml page and added a new page link (the blue text is the link text and the bit in brackets is my page name). 


Then I created a new file to my main GitHub folder called called Trade.html. On this page we just need to drop the widgets and then we're away, it looks complicated below but most of the work was done for me remember. The only bit I needed to be sure to add was the top block (I copied this from another page and edited the title/subtitle). The only bit of writing I had to do below were the section titles (<h2> blocks), the line breaks (<br>) and the text to go along with ChangeNow (<p> block).

layout: page
title: Trade, Swap and Exchange
subtitle: Trading Widgets
use-site-title: true
<!-- Add a bit of info for the Trading -->

<!-- TradingView Widget BEGIN -->
    <div class="tradingview-widget-container">
        <div id="tradingview_0c2dc"></div>
        <div class="tradingview-widget-copyright"><a href="" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Chart</span></a> by TradingView</div>
        <script type="text/javascript" src=""></script>
        <script type="text/javascript">
        new TradingView.widget(
        "width": 728,
        "height": 488,
        "symbol": "COINBASE:BTCUSD",
        "interval": "D",
        "timezone": "Etc/UTC",
        "theme": "dark",
        "style": "1",
        "locale": "uk",
        "toolbar_bg": "#f1f3f6",
        "enable_publishing": false,
        "hide_side_toolbar": false,
        "allow_symbol_change": true,
        "show_popup_button": true,
        "popup_width": "1000",
        "popup_height": "650",
        "container_id": "tradingview_0c2dc"
<!-- TradingView Widget END -->

<!-- ChangeNow Trading Widget -->
<h2>Trade with ChangeNow:</h2>
    <iframe id='iframe-widget' src='' width='100%' height='350px' frameborder='0'></iframe><script type='text/javascript' src=''></script>

<!-- ChangeNow Widget END -->

   ChangeNOW is a simple and fast instant cryptocurrency exchange service. You do not need to register, 
   and your exchange will have no limits. We'll quickly convert more than 170 coins for you without charging 
   any additional or hidden fees.<br>

   <a href="">Do you want to learn more?</a>


And after minimal work/effort this is how it looks.


Final words

If you've never made a website before the task is a little daunting, but with the resources out there now it cannot be easier for beginners. I'm no stranger to coding but HTML was all new to me and I don't think during the process I ever ran into an issue., because most of the code was already written for me. The goal at the start was to make a resource that I, and other folks, could use to trade easily, safely and securely. Something that is functional, intuitive and most important of all Decentralized.  I think it is safe to say that this goal was achieved.

The added bonus out of all this though is the ChangeNow affiliate scheme itself. By embedding the widget into my site (as it is built in with my affiliate link) is the BTC kickback on trading fees. By default you get 0.4% back from any trades through your site and this can be adjusted if you contact the ChangeNow team. Which means if you do this you're effectively giving yourself a fee reduction on your own trades as well which is not too shabby. There are even more perks if you have high traffic/trading volume.


Finally, if anyone uses my site and/or has suggestions for additions to the trading pages let me know. I am more than happy to add things that people will find useful and really do appreciate the feedback.


Thanks for reading, hope you enjoyed the article, good luck y'all!


My Affiliate Link, have a go for yourself! 


Hobby miner and Crypto interested programmer.

Hobbyist Crypto
Hobbyist Crypto

Projects: Tips and summary guides from one beginner to another.

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.