# Swap

### **Step 1. Select Tokens to swap** <a href="#id-99e6" id="id-99e6"></a>

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2F2AUd0WzKOMYKOtOlG1kq%2Fguide-swap-01.jpg?alt=media&#x26;token=b8d74434-921c-4c9e-ad7f-41e7d33b591d" alt=""><figcaption></figcaption></figure>

**Component description**

1. **From token select section**\
   The place where users can select the token they want to swap
2. **To token select section**\
   This is where users can select the token they want to obtain through the swap

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2FZNKReNrS7pjuMHUKjeyw%2Fguide-swap-02.jpg?alt=media&#x26;token=33379f0d-9c4c-49d6-ad2d-409f8ccbe856" alt=""><figcaption><p>Selecting from token and to token (example)</p></figcaption></figure>

Select the from token and to token at “Swap” menu.

### Step2. Input Values to swap <a href="#id-2624" id="id-2624"></a>

**Step2–1 Input token amount**

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2FRoRXt9OqiLVBEmyRL5iu%2Fguide-swap-03.jpg?alt=media&#x26;token=be06c946-9a18-4b11-917b-70306c0da4cc" alt=""><figcaption></figcaption></figure>

Users should input the amount of tokens they want to swap.\
However, for the “from” token, they cannot input an amount greater than what they currently possess; otherwise, the swap cannot be executed.

**Step 2–2 set slippage tolerance ratio**

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2FWTpbfXS886jNyxfG7v9Q%2Fguide-swap-04.jpg?alt=media&#x26;token=10863a71-3716-498d-bfbf-9f86dec797db" alt=""><figcaption></figcaption></figure>

*DEX slippage* refers to the difference between the expected price of a trade and the actual executed price on a decentralized exchange (DEX).\
It occurs due to the changing supply and demand of assets in a liquidity pool by other users’ transaction.\
The default value for this is set at 0.1%, and users can adjust it up to a maximum of 50%.

**Step 2–3 Estimated swap result**

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2FdbReKXdI2k2fswxgqQd1%2Fguide-swap-05.jpg?alt=media&#x26;token=e14399dd-f9ac-409b-b24f-3e733a950962" alt=""><figcaption></figcaption></figure>

Before executing a Swap, shall we check the following details?

**Component description**

1. **You will receive**\
   The amount of tokens you will receive after the swap.
2. **Price Impact**\
   The effect of a trade on the price of a token on a decentralized exchange due to changes in supply and demand. If the pool has very low liquidity, it is recommended to make small and frequent trades.
3. **Minimum received after slippage**\
   Based on the current set slippage ratio, the minimum token amount that a user can receive.
4. **Swap Fee**\
   The swap fee imposed when executing the swap.
5. **Optimized Swap Route**\
   The most optimized swap route for the user to swap the current token.

### Step 3. Approve token <a href="#id-0cf4" id="id-0cf4"></a>

If the amount you entered for the “from” token is not approved, an approval process for the “from” token is required before the swap can be executed.

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2FwBDFw2t5p70X4GrQlcu7%2Fguide-swap-06.jpg?alt=media&#x26;token=0ece4805-3cfd-4ec4-be13-ddefaed22038" alt=""><figcaption></figcaption></figure>

Please approve the amount you entered, which should be equal to or greater than the Minimum Approve Amount, in your Wallet app. If you enter a smaller amount, the approval process will be repeated until the appropriate value is entered.

### Step 4. Proceed swap <a href="#id-975f" id="id-975f"></a>

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2FEbgr5w1FfGh8ov69Wiqy%2Fguide-swap-07.jpg?alt=media&#x26;token=589269ac-ba7c-4273-bc47-3e8fc1de8746" alt=""><figcaption></figcaption></figure>

To proceed with the swap process, click on the “Execute Swap” button.

### Step 5. Completion page <a href="#id-9b7f" id="id-9b7f"></a>

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2Fve6aUcxiJBTGKZTW9DDF%2Fguide-swap-08.jpg?alt=media&#x26;token=29f2870c-7b9c-4fe7-ba0c-1ac52443bef7" alt=""><figcaption></figcaption></figure>

The swap has been completed successfully. You can check the user’s swap transaction history by clicking on the “Transaction Details” button.

### Step 6. My history section <a href="#id-5be2" id="id-5be2"></a>

In addition, you can also view your Swap history in the “My History” section!

<figure><img src="https://3721705262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FelNqRwrEOuHToNqYrgbQ%2Fuploads%2Fhfq8tfx0iGP7CqEQAITo%2Fguide-swap-09.jpg?alt=media&#x26;token=256a14a7-e902-49f9-9026-051a67b5ee71" alt=""><figcaption></figcaption></figure>

<br>
