# For a new website

{% hint style="warning" %}
**First, delete the default pages that the WooCommerce plugin creates**
{% endhint %}

<figure><img src="/files/pinVEUURTOiS9hlnjezH" alt=""><figcaption><p>Move the Shop, Cart and Checkout pages to the trash</p></figcaption></figure>

<figure><img src="/files/fkuiSLYRIPKau465GHhK" 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:purple;">**Step 2**</mark> - Go to **Appearance** > **Theme Setup** > **Click to Start**

![](/files/V9naIOrpzEovySR68mBJ)

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

![](/files/XkncSyqzlve6VFrg3d4C)

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

![](/files/K0WkehMDyy9hBbtlSZ0q)

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

![](/files/r1FB5yHcFFu0haLiM2dk)

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

![](/files/2pNvI3w1HyE2tXGEGgQQ)

* [x] <mark style="background-color:purple;">**Step 5 (Important Step)**</mark> - **Regenerate CSS** for **Elementor**: Styles set in Elementor are saved in CSS files in the uploads folder. Recreate those files, according to the most recent settings.

![](/files/9UZoin7dI6ztJd4Yql8g)

* [x] <mark style="color:purple;">**Step 6**</mark> - Elementor Settings: Enable Elementor for Thembay Blocks. Disable Default Colors, Disable Default Fonts.

![](/files/QeXvx9pBYx0qUvqLPSPT)

* [x] <mark style="color:purple;">**Step 7**</mark> - Replace URL: Enter your old and new URLs for your WordPress installation, to update all Elementor data.

![](/files/8U0UAcSQRc7lsCLg7Lds)

* **Old Url**: That is our demo link, eg: <https://el4.thembaydev.com/fana/>
* **New Url**: Your website's link

![](/files/XRCpvfGut1UHlJ1L4dlq)

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

![](/files/BheZkurN3zx4PBhQ73eG)

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

![](/files/3kuGnzLzesXZCEPjOvkU)

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

![](/files/m5BeA2DNDLnG2Q5Iexo6)

![](/files/14Pquuq68ocqvzZN1IYO)

![](/files/ZMVn5RJKHWgyvsLkrTrx)

#### Please follow this video:

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

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

![](/files/NOZkYRxyXiTEgfgd2vBe)

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

![](/files/Xj6nyDbXWNJIXSXQGba3)

![](/files/84WaBIOcswF4UQYBvh3D)

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

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


---

# 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://thembay-docs.gitbook.io/fana/import-sample-data/for-a-new-website.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.