# Polkadot{.js} (DOT/KSM)

## I. Creating a polkadot{.js} Watch-Only Wallet

### **1. Preparation**

1\) Setup your Keystone. ([Getting started in 5 steps](https://support.keyst.one/getting-started/setting-up-keystone-in-5-step))

2\) Polkadot{.js}: <https://polkadot.js.org/apps/#/explorer>.

### **2. Pairing a Keystone with the** polkadot{.js}

1\) Touch the \[Menu] icon -> \[Watch-only Wallet] on the Keystone device.

{% hint style="info" %}
Please note that if your firmware version is **M-9.10** or newer, the **connection process on the Keystone** hardware wallet has been improved.&#x20;

To connect your software wallet, simply tap on \[Connect Software Wallet] and then select \[Polkadot{.js}]. The QR code will be displayed automatically.&#x20;

For more information about the updated UI design, please visit [Keystone's Revamped UI](/getting-started/getting-started-with-m-10.0-or-newer-for-beginners.md).
{% endhint %}

<figure><img src="/files/H454SM3shyotSUTP4R4E" alt="Keystone-Polkadot{.js}-1"><figcaption></figcaption></figure>

2\) Select \[Polkadot.js] and touch \[Confirm] -> \[√] -> \[Display QR Code of DOT].

<figure><img src="/files/uHTNl4n1AzQxUnuZSkp3" alt="Keystone-Polkadot{.js}-2"><figcaption></figcaption></figure>

3\) Visit polkadot{.js}: <https://polkadot.js.org/apps/#/explorer>. Click on \[Accounts] in the menu and click \[Accounts].

<figure><img src="/files/-MXprATISFFAkvgJULBQ" alt="Keystone-Polkadot{.js}-3"><figcaption></figcaption></figure>

4\) Click \[Add via Qr] and scan the QR code of DOT displayed on the Keystone.

<figure><img src="/files/-MXq5wWDI8NVFlksN9X_" alt="Keystone-Polkadot{.js}-4"><figcaption></figcaption></figure>

5\) Set the name of the DOT account and click \[Create]. A DOT account will be created!

<figure><img src="/files/-MXpzRSMYK9UP98c9clk" alt="Keystone-Polkadot{.js}-5"><figcaption></figcaption></figure>

6\) Touch \[Done] -> \[Display QR Code of KSM] on the Keystone.

<figure><img src="/files/-MXq-B5wUlhrQYXjxVL2" alt="Keystone-Polkadot{.js}-6"><figcaption></figcaption></figure>

7\) Click \[Add via Qr] on polkadot{.js} and scan the QR code of KSM displayed on the Keystone.

<figure><img src="/files/-Mhl7T-pKfDX5-d0MiLr" alt="Keystone-Polkadot{.js}-7"><figcaption></figcaption></figure>

8\) Set the name of the KSM account and click \[Create]. KSM account created!

<figure><img src="/files/-MXq6_vbgqTP-VnqMX5C" alt="Keystone-Polkadot{.js}-8"><figcaption></figcaption></figure>

## II. Sending and Receiving DOT/KSM with the polkadot{.js}

### **1. Preparation**

polkadot{.js} already paired with your Keystone (Instructions [here](https://support.keyst.one/3rd-party-wallets/altcoin-wallets/polkadot.js-dot-ksm)).

### **2. Receiving DOT/KSM (Take DOT as example)**

You can use receiving addresses displayed by either the Keystone hardware wallet or polkadot{.js} to receive DOT/KSM.&#x20;

1\). Displaying Address on Keystone: touch a receiving address to display it as a QR code.

<figure><img src="/files/-MYEXYXpO3-S5GYkPiHy" alt="Keystone-Polkadot{.js}-9"><figcaption></figcaption></figure>

2\). Displaying Addresses on polkadot{.js}: click “account” to display the receiving address.

<figure><img src="/files/-MYElHBGLF4fynRDfyZW" alt="Keystone-Polkadot{.js}-10"><figcaption></figcaption></figure>

### **3. Sending  DOT/KSM (Take DOT as example)**

1\) Generate DOT transaction on polkadot{.js}

a. Click \[send] and set the \[send from account], \[send to address] and \[amount]. Then click \[Make Transfer] -> \[Sign via Qr].

<figure><img src="/files/-Mb4WH8b2MIP1QPAOOzy" alt="Keystone-Polkadot{.js}-11"><figcaption></figcaption></figure>

<figure><img src="/files/-Mb4WK5PTBQ425A22eAn" alt="Keystone-Polkadot{.js}-12"><figcaption></figcaption></figure>

<figure><img src="/files/-Mb4WN12PAeVulIahHWd" alt="Keystone-Polkadot{.js}-13"><figcaption></figcaption></figure>

b. Get the unsigned transaction in QR code format.

<figure><img src="/files/-MYElReQi7-5NBH8mXss" alt="Keystone-Polkadot{.js}-14"><figcaption></figcaption></figure>

2\) Using Keystone Hardware Wallet to Sign Transaction

a. Touch the “scan” icon on the top right of the main page on the Keystone hardware wallet. Scan the QR code displayed on the polkadot{.js} interface.

<figure><img src="/files/-MYElXYZXx0OV5S9byXW" alt="Keystone-Polkadot{.js}-15"><figcaption></figcaption></figure>

b. Touch \[Sign] and enter your password to sign the transaction. Get the signed transaction information in QR code format.

<figure><img src="/files/-MYEleX6pTvnkpdllzSQ" alt="Keystone-Polkadot{.js}-16"><figcaption></figcaption></figure>

3\) Using the polkadot{.js} to Broadcast Transactions&#x20;

a. On the polkadot{.js} interface, scan the QR code displayed on Keystone hardware wallet. Once scanning is completed, the transaction will be broadcasted directly to the Polkadot blockchain.

<figure><img src="/files/-MYEnJssDL6ekeBqsIyr" alt="Keystone-Polkadot{.js}-20"><figcaption></figcaption></figure>

Instructions recommended:&#x20;

{% content-ref url="/pages/-MW7LeTiVKCatXOo4XMZ" %}
[DOT/KSM Staking](/3rd-party-wallets/eth-and-web3-wallets-keystone/polkadot.js-polkadot-kusama-with-kesytone/polkadot-kusama-staking-with-keystone.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.keyst.one/3rd-party-wallets/eth-and-web3-wallets-keystone/polkadot.js-polkadot-kusama-with-kesytone.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
