# For a new website

{% hint style="warning" %} <mark style="color:red;">**First, delete the default pages that the WooCommerce plugin creates**</mark>
{% endhint %}

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FSqHSAgfXy5QTNN7fKGE9%2FScreenshot_7.png?alt=media&#x26;token=04f00834-4dd6-4ca4-a9ad-258484c0a904" alt=""><figcaption><p>Move the Shop, Cart and Checkout pages to the trash</p></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FU5f1C0KWtljcqalH93d7%2FScreenshot_8.png?alt=media&#x26;token=4ed384e3-2c2a-4a4a-9f88-c04fa7c570d9" alt=""><figcaption><p>Empty the trash to completely remove those pages</p></figcaption></figure>

* [x] <mark style="color:purple;">**Step 1**</mark> - Login to your **WordPress Dashboard**.
* [x] <mark style="color:red;">**Step 2**</mark> <mark style="color:red;"></mark><mark style="color:red;">-</mark> <mark style="color:red;"></mark><mark style="color:red;">**(Important Step) - Deactivate the plugin Elementor**</mark>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2Fh614JMOc3lViw5eaYYGB%2FScreenshot_9.png?alt=media&#x26;token=7817505a-b145-4280-b854-97ac61af73ab" alt=""><figcaption></figcaption></figure>

* [x] <mark style="color:purple;">**Step 3 (Options)**</mark> - **Install the Marketplace plugin that you will be using. It will make the imported data more standard. Can be ignored if you have the plugin installed or do not need to use it**

- Dokan
- WC Marketplace
- WCFM
- WC Vendors

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FRjrI4sHvn9UOX7OhSs0b%2FScreenshot_10.png?alt=media&#x26;token=c4c9f841-8b46-4608-8b3c-30712657fdab" alt=""><figcaption></figcaption></figure>

* [x] <mark style="color:purple;">**Step 4**</mark>**&#x20;- Go to Appearance > Theme Setup > Click to Start**

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FYlAoh2FLSc5dfAbx6qGi%2FScreenshot_11.png?alt=media\&token=0eac56f6-0917-4121-a85f-02f45f3f1d53)

* [x] <mark style="color:purple;">**Step 5**</mark> - **Install Child Theme**

![](https://content.gitbook.com/content/j3cdCheeDtqYoKsBdgbv/blobs/4ZsDEEIPwcBxEXQv7TBg/import-setup-2.png)

* [x] <mark style="color:purple;">**Step 6**</mark> - **Import Content**: Select the **Demo you want**, then click on **Import**

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2F1laySyNO7RNsyuhj9zCN%2FScreenshot_12.png?alt=media\&token=63034e6f-8e64-4c8a-a9c8-ea5c321ae54e)

**The process may take some time. Please wait**

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FpZUxx3S27aOhkVMFIDTv%2FScreenshot_13.png?alt=media\&token=d2923c2b-3c9b-4824-8165-9710afe1b2a1)

:tada:**All done. Have fun!**

![](https://content.gitbook.com/content/j3cdCheeDtqYoKsBdgbv/blobs/52RMi81JaxPkGAjxthzF/import-setup-5.png)

* [x] <mark style="color:purple;">**Step 7**</mark> - Choose Shop Page: Go to **WooCommerce** > **Settings** > **Products** > **General** > **Shop Page**

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FZwDeSEp50i3lWfhCXf72%2FScreenshot_14.png?alt=media\&token=ab0f98b6-e61b-4820-87be-1dc6316f19dd)

* [x] <mark style="color:purple;">**Step 8**</mark> - Choose Cart and Checkout Page: Go to **WooCommerce** > **Settings** > **Advanced**

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FXq7E5EBIn0h83L6CsUWT%2FScreenshot_15.png?alt=media\&token=bd020ec7-3310-4e2e-aa4b-69cd56530436)

* [x] <mark style="color:purple;">**Step 9**</mark> - WPBakery Page Builder Settings => Role Manager => Post types = Custom

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FqtCwsCHQFyLkybCBkqcv%2FScreenshot_9.png?alt=media&#x26;token=42328e7a-b03b-483b-9e40-4ef1a27a29fc" alt=""><figcaption></figcaption></figure>

* [x] <mark style="color:purple;">**Step 10**</mark> - Fix missing menu error when importing sample data

{% hint style="info" %}
**Sometimes the menu may not appear after the import**
{% endhint %}

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2F2FL31CNh89b60O6GI53w%2FScreenshot_1.png?alt=media&#x26;token=7eb0f69a-de89-46e6-80b1-f98b700d135b" alt=""><figcaption><p>Menu does not appear on the home page</p></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FPkjO8aKxALxy5nq8Rk44%2FScreenshot_2.png?alt=media&#x26;token=db807853-c85a-4c10-a469-96a29f50d65d" alt=""><figcaption><p>The menu management section is also empty</p></figcaption></figure>

{% hint style="success" %}
**You just need to add any menu item, and then save. The menu will appear.**
{% endhint %}

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FDY2PbF3R85kN7Z8sirJo%2FScreenshot_3.png?alt=media&#x26;token=682cbacc-ff5d-4fb1-983e-d7ad6db41a76" alt=""><figcaption><p><strong>You just need to add any menu item, and then save</strong></p></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FZNm2JAYcpOS0uSr3Qpuj%2FScreenshot_4.png?alt=media&#x26;token=b7e79dd6-6c26-4ced-ad93-370388788cc4" alt=""><figcaption><p><strong>The menu will appear</strong></p></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FIvMcWCKkYURVIyAZC5MX%2FScreenshot_5.png?alt=media&#x26;token=a7abcd3a-915e-42fc-a14e-d6c8eacf4f26" alt=""><figcaption><p>Select the locations menu and save</p></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FebBy5Zn0tqTrbCKs3Rwc%2FScreenshot_6.png?alt=media&#x26;token=ac346784-a5dc-4028-b6d1-c63d7fe8b96b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %} <mark style="color:orange;">**Do the same with the disappearing menus. You can watch this video tutorial:**</mark>
{% endhint %}

{% embed url="<https://youtu.be/8UOTc_L0_mc?si=GK8ch9X2BbJdhg9Y&t=68>" %}

* [x] <mark style="color:purple;">**Step 11**</mark> - Configure Mega Menu

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2Fer3KfyDb3PMv3e6kkNyx%2FScreenshot_7.png?alt=media\&token=79891297-bb8c-4464-a6e4-427f8f2b48d3)

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FkvW84e8NppS8GhRUhXiO%2FScreenshot_8.png?alt=media\&token=8fafbd82-d251-46a4-a4a9-dc7351252095)

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2F0ZAluJMBrITIgkTrnqBQ%2FScreenshot_10.png?alt=media\&token=cf8e35c9-9875-4a81-85d5-992dcf9167df)

#### Please follow this video:

{% embed url="<https://www.youtube.com/watch?v=Ak0HuGKmNc8>" %}

* [x] <mark style="color:purple;">**Step 12**</mark> - Choose Footer Menu

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FUrulR5UxbQxk8lYMqHqf%2Fimport-data10.png?alt=media&#x26;token=01c06e33-2b8e-4bf8-a3c6-3e1587e9ac57" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2FcAciZDGrgea2lYLRxoNv%2Fimport-data12.png?alt=media&#x26;token=4df3e69d-09c1-4f35-84d0-3d6de9139053" alt=""><figcaption></figcaption></figure>

* [x] <mark style="color:purple;">**Step 13**</mark> - Configure the Product Attributes

![](https://2659912916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj3cdCheeDtqYoKsBdgbv%2Fuploads%2Fa103tKnJWYNib9fNB7L7%2Fimport-data14.png?alt=media\&token=1c1cc4a3-b16b-442a-86d7-dfdc69d0feb8)

You need to match the types of attributes, eg: Color => Type = Color

![](https://content.gitbook.com/content/j3cdCheeDtqYoKsBdgbv/blobs/WTNwkCqs2cTQeX4vZ2Gc/import-data-woo-attribute-2.png)

![](https://content.gitbook.com/content/j3cdCheeDtqYoKsBdgbv/blobs/6XT6LfVzw96Q6yqpajFX/import-data-woo-attribute-3.png)

{% hint style="info" %}
**You can read more here =>** [**https://docs.woocommerce.com/document/variable-product/**](https://docs.woocommerce.com/document/variable-product/)
{% endhint %}

{% hint style="info" %}
Watch full detailed instructions for installation and data import here:
{% endhint %}

{% embed url="<https://www.youtube.com/watch?v=zH-6pmd5pb0>" %}