> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stablepayfi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify

This guide will help you integrate StablePay stablecoin payment functionality into your Shopify store.

## **1. Create Your Shopify Store**

1. Log in to the [**StablePay Merchant Portal**](https://merchant.stablepay.co/#/auth/login).
2. Navigate to the Store Management page and click \[Create Store].Select Shopify as the Channel Type and click submit. Please wait for StablePay's review and approval.
3. Once approved, you can obtain your payment plugin installation link from the Store Details page.
   <Frame>
     <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=63d6fdd92090711fa66683ee7b73abff" alt="Shopify En" width="991" height="702" data-path="images/shopify/en/shopify_en.png" />
   </Frame>

***

## **2. Install StablePay Payment Plugin**

### **Step 2.1: Visit Installation Link**

* Make sure you're logged into your Shopify store admin
* Visit the installation link in your browser
  <Frame>
    <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify3_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=c00e7a1e5dc0c5a6ea37f14b470cae92" alt="Shopify3 En" width="1280" height="855" data-path="images/shopify/en/shopify3_en.png" />
  </Frame>

### **Step 2.2: Install Application**

Click the **"Install"** button

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify4_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=6038cec4eca25c2d37ff97883a8fdbf2" alt="Shopify4 En" width="850" height="363" data-path="images/shopify/en/shopify4_en.png" />
</Frame>

### **Step 2.3: Complete Installation**

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify5_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=5f632b84978486b1d3c51ee7b5ff414e" alt="Shopify5 En" width="850" height="433" data-path="images/shopify/en/shopify5_en.png" />
</Frame>

***

## **3. Complete Pre-configuration**

The StablePay team will provide a pre-configuration link. Open the link in your browser to complete the pre-configuration.

A **"success"** message indicates successful pre-configuration.

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify6_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=08fc645cadff8e6859caba3865e2565e" alt="Shopify6 En" width="1280" height="611" data-path="images/shopify/en/shopify6_en.png" />
</Frame>

***

## **4. Configure Stablecoin Payment Method**

### **Step 4.1: Enter Store Settings**

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify7_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=606605f17898bcb292ffb351137d54f0" alt="Shopify7 En" width="1280" height="766" data-path="images/shopify/en/shopify7_en.png" />
</Frame>

### **Step 4.2: Add Custom Stablecoin Payment Method**

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify8_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=266faa3d5ec81a0086a587d4b12898f0" alt="Shopify8 En" width="1280" height="765" data-path="images/shopify/en/shopify8_en.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify9_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=2e712a199a4fccecb86f0b358e58c508" alt="Shopify9 En" width="1280" height="773" data-path="images/shopify/en/shopify9_en.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify10_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=db10cebe756a1cf0e9e5bd24700917ef" alt="Shopify10 En" width="1280" height="603" data-path="images/shopify/en/shopify10_en.png" />
</Frame>

### **Step 4.3: Fill in Payment Method Information**

**Custom Payment Method Name**:

```text theme={"system"}
USDT | USDC Stablecoin Payment
```

**Additional Details**:

```text theme={"system"}
Metamask | Trust Wallet | Bitget Wallet | Imtoken | Token Pocket and more
```

***

## **5. Configure Checkout Process**

### **Step 5.1: Configure UI Interface**

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify11_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=bf12cef420b95437f2b17d9f6dfc0307" alt="Shopify11 En" width="1280" height="612" data-path="images/shopify/en/shopify11_en.png" />
</Frame>

### **Step 5.2: Click Customize**

Click customize to see the following interface:

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify12_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=d06afb5b32fe73476feae2d0764b5e7b" alt="Shopify12 En" width="1280" height="586" data-path="images/shopify/en/shopify12_en.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify13_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=9d78ada79f099976cdf8e0990f9af92e" alt="Shopify13 En" width="1280" height="900" data-path="images/shopify/en/shopify13_en.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify14_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=17b6f52b12ff78ed3f154fa623604951" alt="Shopify14 En" width="1280" height="605" data-path="images/shopify/en/shopify14_en.png" />
</Frame>

### **Step 5.3: Add Thank You and Order Status Pages**

Add both **Thank You** and **Order Status** pages, then **Save** to apply changes.

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify15_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=b03e9d2bc5ce347e811bb48685173b43" alt="Shopify15 En" width="1280" height="825" data-path="images/shopify/en/shopify15_en.png" />
</Frame>

***

## **6. Configuration Complete - Start Accepting Payments with StablePay**

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/Fks_RpQcbXNA6Py_/images/shopify/en/shopify16_en.png?fit=max&auto=format&n=Fks_RpQcbXNA6Py_&q=85&s=04d0fd8ae286586a88854443d8c5b266" alt="Shopify16 En" width="1280" height="605" data-path="images/shopify/en/shopify16_en.png" />
</Frame>
