create account

How to use the Bancor Web App by bancor-network

View this thread on: hive.blogpeakd.comecency.com
· @bancor-network · (edited)
$0.20
How to use the Bancor Web App
![How2use.jpg](https://steemitimages.com/DQmazjGmgKNhg9GnNG7fh3XqWPAUeYYyzYzBe5FvsEGVpTH/How2use.jpg)

Below you will find a step-by-step guide for converting tokens on the Bancor Network, using your ERC20 supported wallet. This wallet will be linked to the network with a Web3 service (such as MetaMask) and with no need to login or create a Bancor profile.

Let’s get started:

### Step 1: Go to https://www.bancor.network/

### Step 2: Click Buy/Sell Button
Select which token you'd like to convert, click either "Buy" or "Sell" and the widget window will open. 

![Step 3.png](https://steemitimages.com/DQmeUizrtoY4L3JmTk3jofT5R7tk2K1MWxoXFTyjt1jJFZ4/Step%203.png)

At this stage, if we identify that you are not logged into your MetaMask wallet, you will be prompt to login to it. Once you login, click the “Next” button and proceed to the conversion widget.

![Step 3a.png](https://steemitimages.com/DQmR4RibL32fxF9Mdgma4ffPunEe5zA8go1zVNAKrELmkzH/Step%203a.png)

### Step 3: Enter Amount to Convert
In the widget screen, you will have the option to enter the amount of tokens you would like to convert and into which token. You also have the option to change the "From" and "To" tokens using the drop down selection. 

![Step 4bb.png](https://steemitimages.com/DQmX43gi34ELXsKeQ8hCcye3e89hZSkfaqaL6MwJAiqRNUk/Step%204bb.png)

If you decide to change your action from "Sell" to "Buy" or vice versa, you can easily navigate between these options on the widget itself as well.

![Step 4c.png](https://steemitimages.com/DQmTuCijHhhK3vfXpvPoSd9idJ446xidiZ187YsLWzNz8pA/Step%204c.png)

### Step 4: Advanced Settings
After you enter the amount and set the action you’d like to perform, you can open the “Advanced Settings” option and limit the transaction to a specific maximum price. By limiting it, you assure that it will only execute if the price you pay per unit is between the current rate and the rate limit you set.
Keep in mind, transactions that are not executed due to the limit still charge Ethereum network gas fees for the transaction, but prevent you from paying rates you do not want to accept for a given conversion.

![Step 4d.png](https://steemitimages.com/DQmb5v18TrAG6FUkmHJk3PDeY1HQjuhcqEasXwNJF8THsMJ/Step%204d.png)

Once you have your transaction ready to execute, click the “Buy” or “Sell” button and proceed to the next screen.

![Step4e.png](https://steemitimages.com/DQmZCnDracPhbE9vnady9UpHu5wqGxMG3ogbec5vERQKH5r/Step4e.png)

### Step 5: Review Gas Fees
This step will provide the absolute highest Ethereum network gas fee it could cost to process your conversion. The actual gas fee you will pay is usually lower than the suggested number, but to help avoid transactions failing due to insufficient gas (which will be lost), we have added a bit of a buffer.
Click the “Proceed” button to move to the next step in the process.
 If you still want to edit your gas amount, you can do so directly through MetaMask in the next step.

![Step 5.png](https://steemitimages.com/DQmTA4RemdUZojVzZ21y3F2j73N7QCxdwoLwE4GGKNynauL/Step%205.png)

### Step 6: MetaMask Confirmation
At this stage, the conversion will trigger your Web3 enabled wallet (MetaMask) to open. You can now see up to 3 transactions waiting to be signed. Make sure you sign them all in the correct order of appearance in order to execute the conversion as intended (if you sign partially, the conversion will not execute completely). Click SUBMIT to complete your conversion.

![Step 6.png](https://steemitimages.com/DQmbfhb8qZH1xrRdokMWEUD7TdYRm2GeM452TEUX8aZVhGX/Step%206.png)

### Step 7: Conversion in Process 
Congrats! Your transaction was sent to the Ethereum blockchain and is in process. Click "View Your Transaction on EtherScan” to see its status. This may take some time to update, depending on Ethereum network traffic.
Once your conversion has been confirmed on the network, you will see your tokens in your Web3 enabled wallet. MetaMask will require you to "add token" in order to see recently added ERC20 tokens, such as those you are converting to/from in the Bancor Network.

![Step 7a.png](https://steemitimages.com/DQmZDPFiduvFS8tjqNum7FYXiS23LaiLSauaQ68H54h7aNq/Step%207a.png)

### Step 8: Add Tokens (Optional)
Adding new tokens to your MetaMask wallet:
1 - Open your MetaMask wallet by clicking the MetaMask icon on the right side of your browser.

![Step 8a.png](https://steemitimages.com/DQmNn3u5KUTZWmds8qZb83YrFyeuVRMG45r3KAW9ejNmFce/Step%208a.png)

2 - Click the 3 dots.
3 - Choose “View account on EthereScan” which will open your wallet on Etherscan in a new tab.

![View account on EtherScan.png](https://steemitimages.com/DQmS6cbRZFeuLye1V1PbzNFFpv3msxHa2WGVC13S7vzfPif/View%20account%20on%20EtherScan.png)

4 - On EtherScan, click on “View Tokens”, this will open up a drop down with details about the tokens in your wallet.

![ViewTokens.png](https://steemitimages.com/DQmT2RKy8EEecnVLKEoacGPB2xVL5RTHBTdcLCR3b3t6cm4/ViewTokens.png)

5 - Select the new token you would like to add in order to visit it on Etherscan.

6 - Copy the token “Contract Address” and click again on the MetaMask icon at the top right of your browser.
![Step 8e.png](https://steemitimages.com/DQmfHwTP5PQsvDRyEogymLZzZbCoc7CFYJXjRVmU2wt5QwV/Step%208e.png)

7 - On your MetaMask wallet, under the Tokens tab, click on ADD TOKEN.

![Step 8f.png](https://steemitimages.com/DQmXxHf4JekTuWD5ut31gDXqJ1iPuumLhmUB4CoA7kx2jxw/Step%208f.png)

8 - Submit the token’s contract address (which you copied in step 6 above).

![Step 8g.png](https://steemitimages.com/DQmWBcqN2yDThjHkoapahL5QxGxkvu14PuKSHxQKJfLAbx7/Step%208g.png)

**Make sure that the number for “Decimals of Precision” matches the “Token Decimals” number that appears on Etherscan. This number is usually 18 but can at times be different for different tokens.**

![Step 8j.png](https://steemitimages.com/DQmT4nCksnKPGNaaiCmAE8aKpqWNDHUEBA2FrUHKtjpwzhn/Step%208j.png)

9 - Click "Add".

![Step 8h.png](https://steemitimages.com/DQmX3bZHRWVA35ctrQpgXwinLs2fuLL1TTvVeRiuw6WzYmz/Step%208h.png)

10 - That’s it 🙂 Now you’ll always see this token’s balance in your MetaMask wallet under the Tokens tab.
![Step 8i.png](https://steemitimages.com/DQmPmUfvCtQvNe3Gk7YEVVFZz351iqD7qgvzAehh2HPGJ1T/Step%208i.png)
👍  , , , , , , , , , , , , , , , , , , , , , , , , , ,
👎  
properties (23)
authorbancor-network
permlink4gurrp-how-to-use-the-bancor-web-app
categorybancor
json_metadata{"tags":["bancor","wallet","tutorial","metamask","tokens"],"image":["https://steemitimages.com/DQmazjGmgKNhg9GnNG7fh3XqWPAUeYYyzYzBe5FvsEGVpTH/How2use.jpg","https://steemitimages.com/DQmeUizrtoY4L3JmTk3jofT5R7tk2K1MWxoXFTyjt1jJFZ4/Step%203.png","https://steemitimages.com/DQmR4RibL32fxF9Mdgma4ffPunEe5zA8go1zVNAKrELmkzH/Step%203a.png","https://steemitimages.com/DQmX43gi34ELXsKeQ8hCcye3e89hZSkfaqaL6MwJAiqRNUk/Step%204bb.png","https://steemitimages.com/DQmTuCijHhhK3vfXpvPoSd9idJ446xidiZ187YsLWzNz8pA/Step%204c.png","https://steemitimages.com/DQmb5v18TrAG6FUkmHJk3PDeY1HQjuhcqEasXwNJF8THsMJ/Step%204d.png","https://steemitimages.com/DQmZCnDracPhbE9vnady9UpHu5wqGxMG3ogbec5vERQKH5r/Step4e.png","https://steemitimages.com/DQmTA4RemdUZojVzZ21y3F2j73N7QCxdwoLwE4GGKNynauL/Step%205.png","https://steemitimages.com/DQmbfhb8qZH1xrRdokMWEUD7TdYRm2GeM452TEUX8aZVhGX/Step%206.png","https://steemitimages.com/DQmZDPFiduvFS8tjqNum7FYXiS23LaiLSauaQ68H54h7aNq/Step%207a.png","https://steemitimages.com/DQmNn3u5KUTZWmds8qZb83YrFyeuVRMG45r3KAW9ejNmFce/Step%208a.png","https://steemitimages.com/DQmS6cbRZFeuLye1V1PbzNFFpv3msxHa2WGVC13S7vzfPif/View%20account%20on%20EtherScan.png","https://steemitimages.com/DQmT2RKy8EEecnVLKEoacGPB2xVL5RTHBTdcLCR3b3t6cm4/ViewTokens.png","https://steemitimages.com/DQmfHwTP5PQsvDRyEogymLZzZbCoc7CFYJXjRVmU2wt5QwV/Step%208e.png","https://steemitimages.com/DQmXxHf4JekTuWD5ut31gDXqJ1iPuumLhmUB4CoA7kx2jxw/Step%208f.png","https://steemitimages.com/DQmWBcqN2yDThjHkoapahL5QxGxkvu14PuKSHxQKJfLAbx7/Step%208g.png","https://steemitimages.com/DQmT4nCksnKPGNaaiCmAE8aKpqWNDHUEBA2FrUHKtjpwzhn/Step%208j.png","https://steemitimages.com/DQmX3bZHRWVA35ctrQpgXwinLs2fuLL1TTvVeRiuw6WzYmz/Step%208h.png","https://steemitimages.com/DQmPmUfvCtQvNe3Gk7YEVVFZz351iqD7qgvzAehh2HPGJ1T/Step%208i.png"],"links":["https://www.bancor.network/"],"app":"steemit/0.1","format":"markdown"}
created2018-01-11 13:44:27
last_update2018-01-11 14:49:45
depth0
children13
last_payout2018-01-18 13:44:27
cashout_time1969-12-31 23:59:59
total_payout_value0.184 HBD
curator_payout_value0.020 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length6,250
author_reputation261,250,673,969
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id28,758,256
net_rshares26,038,294,032
author_curate_reward""
vote details (28)
@awesomianist ·
Had to drop a thanks for the tutorial. Didn't know Bancor is actually so easy to use. 

Bought a bunch of NEXO tokens that i otherwise had to by with more complicated/expensive options.
properties (22)
authorawesomianist
permlinkre-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20181023t065434613z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-10-23 06:54:33
last_update2018-10-23 06:54:33
depth1
children0
last_payout2018-10-30 06:54:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length185
author_reputation30,939,172,096,979
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id73,870,174
net_rshares0
@correia ·
$0.02
Nice tutorial!
Will the GAS fees be lower in the future?
You pay almost the same in GAS as for the token!!
👍  , ,
properties (23)
authorcorreia
permlinkre-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180123t093643206z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-23 09:36:45
last_update2018-01-23 09:36:45
depth1
children4
last_payout2018-01-30 09:36:45
cashout_time1969-12-31 23:59:59
total_payout_value0.022 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length106
author_reputation229,847,443,691
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id31,605,517
net_rshares2,559,509,925
author_curate_reward""
vote details (3)
@bancor-network ·
We released a fix that should be lowering gas costs by nearly 50%. Let us know how it's looking on your end, we are monitoring carefully.
properties (22)
authorbancor-network
permlinkre-correia-re-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180123t122719098z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-23 12:26:54
last_update2018-01-23 12:26:54
depth2
children3
last_payout2018-01-30 12:26:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length137
author_reputation261,250,673,969
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id31,636,281
net_rshares0
@beansriverbottom ·
I have tried three times tonight to buy wax.  I have Meta Mask installed.  Tried that, then read I need to download Parity,  did that, tried again, all I get is a blue circle running around, and it doesn't open my meta mask? This is frustrating!
properties (22)
authorbeansriverbottom
permlinkre-bancor-network-re-correia-re-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180130t032733133z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-30 03:27:36
last_update2018-01-30 03:27:36
depth3
children2
last_payout2018-02-06 03:27:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length245
author_reputation8,497,024,907
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id33,453,042
net_rshares0
@djdef1le ·
I got directed to this article from the SIRIN LABS twitter account !! This is really awesome! I believe that their Phones using Blockchain Technology is a brilliant idea!
👍  ,
properties (23)
authordjdef1le
permlinkre-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180114t225916353z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-14 22:59:18
last_update2018-01-14 22:59:18
depth1
children0
last_payout2018-01-21 22:59:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length170
author_reputation12,101,049,923
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id29,566,188
net_rshares1,650,887,859
author_curate_reward""
vote details (2)
@ivaf ·
Thank you fir this guide! Very usefull. We wait it so long :)
👍  , ,
properties (23)
authorivaf
permlinkre-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180112t200850458z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-12 20:08:54
last_update2018-01-12 20:08:54
depth1
children0
last_payout2018-01-19 20:08:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length61
author_reputation677,465,651
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id29,079,928
net_rshares2,257,804,085
author_curate_reward""
vote details (3)
@marc0o ·
will test it soon. I heard fees are currently horrible high. hope this will change soon. please correct me if I am wrong. but anyway ... bancor is just great! 👍🏻
👍  
properties (23)
authormarc0o
permlinkre-bancor-network-2018115t23040588z
categorybancor
json_metadata{"tags":["bancor","wallet","tutorial","metamask","tokens"],"app":"esteem/1.5.0","format":"markdown+html","community":"esteem"}
created2018-01-15 01:30:42
last_update2018-01-15 01:30:42
depth1
children1
last_payout2018-01-22 01:30:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length161
author_reputation16,451,037,059
root_title"How to use the Bancor Web App"
beneficiaries
0.
accountesteemapp
weight500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id29,588,197
net_rshares188,301,694
author_curate_reward""
vote details (1)
@eyul ·
We've deployed a fix which reduces gas cost two days ago.
👍  ,
properties (23)
authoreyul
permlinkre-marc0o-re-bancor-network-2018115t23040588z-20180116t164613636z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-16 16:46:15
last_update2018-01-16 16:46:15
depth2
children0
last_payout2018-01-23 16:46:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length57
author_reputation298,219,461
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id29,980,648
net_rshares1,217,530,000
author_curate_reward""
vote details (2)
@marc0o ·
is it also possible to exchange tokens by calling smart contract functions directly? (for example via myetherwallet)

if yes, can you also provide an "advanced guide" that explains how to do that?
👍  
properties (23)
authormarc0o
permlinkre-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180115t113629865z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-01-15 11:36:30
last_update2018-01-15 11:36:30
depth1
children1
last_payout2018-01-22 11:36:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length196
author_reputation16,451,037,059
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id29,681,783
net_rshares184,399,068
author_curate_reward""
vote details (1)
@eyul ·
Yes. 

See https://github.com/ethereum/EIPs/issues/228
👍  ,
properties (23)
authoreyul
permlinkre-marc0o-re-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180116t164447654z
categorybancor
json_metadata{"tags":["bancor"],"links":["https://github.com/ethereum/EIPs/issues/228"],"app":"steemit/0.1"}
created2018-01-16 16:44:48
last_update2018-01-16 16:44:48
depth2
children0
last_payout2018-01-23 16:44:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length54
author_reputation298,219,461
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id29,980,339
net_rshares1,430,466,012
author_curate_reward""
vote details (2)
@producerbtw ·
Iove bancor!
properties (22)
authorproducerbtw
permlinkre-bancor-network-4gurrp-how-to-use-the-bancor-web-app-20180214t162243155z
categorybancor
json_metadata{"tags":["bancor"],"app":"steemit/0.1"}
created2018-02-14 16:22:45
last_update2018-02-14 16:22:45
depth1
children0
last_payout2018-02-21 16:22:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length12
author_reputation158,606,217,451
root_title"How to use the Bancor Web App"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id37,518,747
net_rshares0