Skip to content

Commit 2851d3c

Browse files
committed
Dev tools: update add network to metamask
- Add and update images - Add chainlist - Update guide
1 parent 0b58da9 commit 2851d3c

File tree

10 files changed

+66
-69
lines changed

10 files changed

+66
-69
lines changed
91.1 KB
Loading
74.5 KB
Loading
83.5 KB
Loading
144 KB
Loading
37.4 KB
Loading
38.5 KB
Loading
36.2 KB
Loading
165 KB
Loading
84.9 KB
Loading
Lines changed: 66 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -1,107 +1,104 @@
1-
!!! caution "Content disclaimer"
1+
---
2+
comments: true
3+
---
4+
5+
!!! warning "Content disclaimer"
6+
27
Please view the third-party content disclaimer [here](https://github.com/0xPolygon/polygon-docs/blob/main/CONTENT_DISCLAIMER.md).
38

4-
In order to view the flow of funds in your accounts, on the Polygon Network, you will need to configure Polygon testnet and mainnet URLs on Metamask.
9+
!!! tip "Installing MetaMask"
10+
11+
Please make sure you have already installed **[Metamask](https://metamask.io/)**!
12+
13+
To track your assets and send transactions on any of the Polygon networks using MetaMask, you'll need to add the respective network configurations to the wallet.
514

6-
There are two ways to do it:
15+
In this doc, we'll go over and demonstrate a few different ways to do this for Polygon PoS testnet (Amoy) and mainnet. You can use the same methods to add Polygon zkEVM to your MetaMask wallet.
716

17+
- [Using ChainList](../metamask/add-polygon-network.md#using-chainlist)
818
- [Using Polygonscan](../metamask/add-polygon-network.md#using-polygonscan)
9-
- [Add the Polygon network manually](../metamask/add-polygon-network.md#add-the-polygon-network-manually)
19+
- [Adding a network manually](../metamask/add-polygon-network.md#add-a-network-manually)
20+
- [Importing other tokens](../metamask/add-polygon-network.md#importing-other-tokens)
1021

11-
!!! tip
12-
Find a tip at the end of this article on how to easily add **Polygon Mainnet** to Metamask.
22+
## Using ChainList
1323

14-
## Using Polygonscan
24+
1. Depending on the network profile that you want to add to your MetaMask wallet, use one of the following links to navigate to the respective ChainList page.
1525

16-
!!! note
17-
Please make sure you have already installed **[Metamask](https://metamask.io/)**!
26+
- [Polygon PoS testnet (Amoy)](https://chainlist.org/chain/80002)
27+
- [Polygon PoS mainnet](https://chainlist.org/chain/137)
28+
- [Polygon zkEVM testnet (Cardona)](https://chainlist.org/chain/2442)
29+
- [Polygon zkEVM mainnet](https://chainlist.org/chain/1101)
30+
31+
2. Select the "Add to Metamask" option on the page. This will bring up your MetaMask wallet.
32+
33+
![chainlist-1](../../../img/tools/wallet/metamask/chainlist-1.png){width=50%}
1834

19-
### Mumbai
35+
3. Select the "Approve" option. This lets ChainList add the network configuration such as the network RPC URL, the chain ID, etc. to your MetaMask wallet.
2036

21-
Please follow the steps to add Polygon's Mumbai-Testnet:
37+
![chainlist-2](../../../img/tools/wallet/metamask/chainlist-2.png){width=50%}
2238

23-
1. Navigate to [mumbai.polygonscan.com](https://mumbai.polygonscan.com/)
24-
2. Scroll down to the bottom of the page and click on the button `Add Mumbai Network`
39+
4. Finally, select "Switch network" to switch to Amoy testnet in MetaMask.
2540

26-
![img](../../../img/tools/wallet/metamask/testnet-button.png)
41+
![chainlist-3](../../../img/tools/wallet/metamask/chainlist-3.png){width=50%}
2742

28-
3. Once you click the button you will see a MetaMask Notification, now click on **Approve**.
43+
5. You should now be able to see your MATIC balance on Amoy. You'll also be able to switch between Amoy and other networks directly from the drop-down menu in the top-left corner.
44+
45+
![chainlist-4](../../../img/tools/wallet/metamask/chainlist-4.png){width=50%}
46+
47+
## Using Polygonscan
2948

30-
<center>
31-
![img](../../../img/tools/wallet/metamask/testnet-addnetwork.png){ width="50%" }
32-
</center>
49+
1. Navigate to the [Polygonscan website](https://polygonscan.com/).
50+
2. Select the network you want to add to your MetaMask wallet from drop-down list in the top-right corner of the home page.
3351

34-
You will be directly switched to Polygon’s Mainnet now in the network dropdown list. You can now close the dialog.
52+
![polygonscan-1](../../../img/tools/wallet/metamask/polygonscan-1.png){width=50%}
3553

36-
### Mainnet
54+
3. The explorer window should refresh and load the explorer home page for the network you selected.
55+
4. Next, scroll down to the bottom of the page, and click on the button in the bottom-left corner prompting you to add the network your MetaMask wallet. For instance, in the case of Amoy testnet, the button says "Add Polygon Amoy Network".
3756

38-
Please follow the steps to add Polygon’s Mainnet:
57+
![polygonscan-2](../../../img/tools/wallet/metamask/polygonscan-2.png){width=50%}
3958

40-
1. Navigate to [polygonscan.com](https://polygonscan.com/)
41-
2. Scroll down to the bottom of the page and click on the button `Add Polygon Network`
59+
5. Select "Approve" from the MetaMask window. This allows the explorer to add the network configuration to your wallet.
4260

43-
![img](../../../img/tools/wallet/metamask/mainnet-button.png)
61+
![polygonscan-3](../../../img/tools/wallet/metamask/polygonscan-3.png){width=50%}
4462

45-
3. Once you click the button you will see a MetaMask Notification, now click on **Approve**. You will be directly switched to Polygon’s Mainnet now in the network dropdown list. You can now close the dialog.
63+
6. Finally, click on "Switch network" to switch to your selected network.
4664

47-
<center>
48-
![img](../../../img/tools/wallet/metamask/mainnet-addnetwork.png){ width="50%" }
49-
</center>
65+
![polygonscan-4](../../../img/tools/wallet/metamask/polygonscan-4.png){width=50%}
5066

51-
If you are facing any issue, **add the network manually** according to the steps given below.
67+
7. You should now be able to see your MATIC balance on Amoy. You'll also be able to switch between the current network and other networks directly from the drop-down menu in the top-left corner.
5268

53-
## Add the Polygon network manually
69+
![polygonscan-5](../../../img/tools/wallet/metamask/chainlist-4.png){width=50%}
5470

55-
### Mumbai
71+
## Add a network manually
5672

57-
To add Polygon's Mumbai-Testnet, click on the Network selection dropdown and then click on Custom RPC.
73+
MetaMask gives you the option to add a network profile manually. You'll need to input the valid network RPC URL, chain ID, and other information for the network you want to add to the wallet. The following table contains the mainnet and testnet network configurations for Polygon PoS and zkEVM.
5874

59-
![img](../../../img/tools/wallet/metamask/select-network.png)
75+
| Network | RPC URL | Chain ID | Native token | Explorer URL |
76+
| :---------------------: | :--------------------------------------: | :------: | :----------: | :-----------------------------------: |
77+
| PoS mainnet | https://polygon-mainnet.infura.io | 137 | MATIC | https://polygonscan.com/ |
78+
| PoS Amoy (testnet) | https://rpc-amoy.polygon.technology | 80002 | MATIC | https://amoy.polygonscan.com |
79+
| zkEVM mainnet | https://zkevm-rpc.com | 1101 | ETH | https://zkevm.polygonscan.com |
80+
| zkEVM Cardona (testnet) | https://etherscan.cardona.zkevm-rpc.com/ | 2442 | ETH | https://cardona-zkevm.polygonscan.com |
6081

61-
It will open up a form with 2 tabs on the top, Settings and Info. In the Settings tab you can add `Matic Mumbai` in the Network Name field, URL `https://rpc-mumbai.maticvigil.com/` in the New RPC URL field, `80001` in Chain ID field, `MATIC` in Currency Symbol field and `https://mumbai.polygonscan.com/` in Block Explorer URL field.
82+
1. Start by selecting the drop-down menu from the top-left corner in MetaMask.
6283

63-
<center>
64-
![img](../../../img/tools/wallet/metamask/metamask-settings-mumbai.png)
65-
</center>
84+
![manual-1](../../../img/tools/wallet/metamask/manual-1.png){width=50%}
6685

67-
Once you’ve added the URL in the New Network field, click on Save. You will be directly switched to Polygon’s Mumbai-Testnet now in the network dropdown list. You can now close the dialog.
86+
2. Select "Add network" option at the bottom of the drop-down list.
6887

69-
### Mainnet
88+
![manual-2](../../../img/tools/wallet/metamask/manual-2.png){width=50%}
7089

71-
To add Polygon’s Mainnet, click on the Network selection dropdown and then click on Custom RPC.
90+
3. This will bring up the MetaMask settings page in your browser. Select the "Add a network manually" option at the bottom of the page.
7291

73-
![img](../../../img/tools/wallet/metamask/select-network.png)
92+
![manual-3](../../../img/tools/wallet/metamask/manual-3.png)
7493

75-
It will open up a form with 2 tabs on the top, Settings and Info. In the Settings tab you can add `Polygon Mainnet` in the Network Name field, URL `https://polygon-rpc.com/` in the New RPC URL field, `137` in Chain ID field, `MATIC` in Currency Symbol field and `https://polygonscan.com/` in Block Explorer URL field.
94+
4. This will take you to a form with multiple fields where you'll need to enter the network configuration (as highlighted in [the table above](#add-the-polygon-network-manually)) for the network you're looking to add in your MetaMask wallet. The following image shows the entries for PoS Amoy testnet. Once you've filled in network config, select "Save".
7695

77-
<center>
78-
![img](../../../img/tools/wallet/metamask/metamask-settings-mainnet.png)
79-
</center>
96+
![manual-4](../../../img/tools/wallet/metamask/manual-4.png){width=50%}
8097

81-
Once you’ve added the information click on Save. You will be directly switched to Polygon’s Mainnet now in the network dropdown list. You can now close the dialog.
98+
5. This add the network profile to your MetaMask wallet. Select the prompt to switch to your newly added network. You should now be able to between your added network and other networks from the drop-down list on the wallet main page.
8299

83-
**You have successfully added Polygon Network to your Metamask!**
100+
![manual-5](../../../img/tools/wallet/metamask/manual-5.png){width=50%}
84101

85-
!!! tip "Easy way to add Polygon mainnet"
86-
If you just need to add Polygon Mainnet, you can follow these steps:
102+
## Importing other tokens
87103

88-
1. On Metamask, select the Network tab:
89-
<center>
90-
![img](../../../img/tools/wallet/metamask/add-polygon-mainnet.png){ width="50%" }
91-
</center>
92-
2. Click on **Add Network**:
93-
<center>
94-
![img](../../../img/tools/wallet/metamask/add-polygon-mainnet-2.png){ width="50%" }
95-
</center>
96-
3. Find Polygon Mainnet on the list of available networks:
97-
<center>
98-
![img](../../../img/tools/wallet/metamask/add-polygon-mainnet-3.png){ width="50%" }
99-
</center>
100-
4. Approve the network addition:
101-
<center>
102-
![img](../../../img/tools/wallet/metamask/add-polygon-mainnet-4.png){ width="50%" }
103-
</center>
104-
Now you may see the Polygon Mainnet on the Networks tab:
105-
<center>
106-
![img](../../../img/tools/wallet/metamask/add-polygon-mainnet-5.png){ width="50%" }
107-
</center>
104+
Looking for a token that didn't show up in the list once you switched networks? Check out MetaMask's guide on [importing tokens to the token list](https://support.metamask.io/managing-my-tokens/custom-tokens/how-to-display-tokens-in-metamask/).

0 commit comments

Comments
 (0)