> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/en/online-store/pages/import-json.md).

# Import JSON

Now in the Page Builder section of Commerce, you can use the JSON import function. This means you can use existing templates. Here are the step-by-step instructions for importing JSON into Page Builder

## Setup

1. Log in to the Commerce dashboard section.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-b853fc0189b34fb1d3990f5b1f53fa71deb9d384%2FlCN7aw3FznaFFoOAyya2.jpg?alt=media)

2\. Click on the **Online Store**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-70c4a33377466661b7d9ad083aec0c73abcda6de%2FVCvdwwBNMP2Wl4iZzvCi.png?alt=media)

3\. Click on **Pages**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-8abf662139a794dffcc5c5511b0140940493557b%2FMEN74qBXZhScbOML07E3.jpg?alt=media)

### The route to go to Settings -> Import JSON.

This section depends on the individual Builder interface.

### Default Editor: WYSIWYG

1\. Select the Pages you want and click **Edit**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-9f0cc1bb9c9c59d4b573a003d8699346926868a7%2F0Mfpbph9w1IcAr1DESgX.jpg?alt=media)

2\. Click on **Edit with Builder**

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-0bb88dc8a868749bced7c88d6a00d6247bfce86f%2FCkhPYfY1wgDPbLVVuSL1.jpg?alt=media)

3\. Click on the **More** button and select **Import JSON**. Keep in mind you can only import .json format files.

![](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-6a8567ff44c91e272ca2094b7b7b089e1076d2b0%2FyMYdVsoCCQoqvWNmqUWr.png?alt=media)

### Default Editor: Builder

1. Select the pages you want and click **Edit**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-9f0cc1bb9c9c59d4b573a003d8699346926868a7%2F0Mfpbph9w1IcAr1DESgX.jpg?alt=media" alt=""><figcaption></figcaption></figure>

2. Then you can press **More** -> and **Import JSON**.

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-c9370ec2448fa1bef36182a01bf83a5cf6b99c4b%2FIdL86YIf2ulusWuKs1O2.jpg?alt=media" alt=""><figcaption></figcaption></figure>

So, the process of importing your JSON file has been completed.

## Default Editor Setting

To view your Default Editor whether it's **WYSIWYG** or **Builder**, you can go to:

Dashboard Overview -> Settings -> General -> Default Editor.

{% hint style="info" %} <mark style="color:red;">\*\*Note\*\*</mark>: If you do <mark style="color:red;">\*\*not see the Default Editor\*\*</mark>, then your \*\*Default Editor\*\* is \*\*Builder\*\*.
{% endhint %}

<figure><img src="https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-dbaaf69659a53530fae44f7b20b9991a603f2760%2F0He9XwHeC1oW0U4gShsK.jpg?alt=media" alt=""><figcaption></figcaption></figure>