How to use the Bancor Web App

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@bancor-network·
0.000 HBD
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)
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , ,