# For a new website

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

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

![](/files/sUXv837GFVigtNFRBGqz)

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

![](/files/Y5HvDwWuRN9vAB76PClL)

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

<figure><img src="/files/cKrXcH2CSYENiJePPE9b" alt=""><figcaption></figcaption></figure>

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

![](/files/x3uSlbhAdeTwUaVTVSBu)

: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://ruza.thembaydev.com/>
* **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)

{% hint style="info" %}
When you install the WooCommerce plugin, your website will automatically create a Shop page. Therefore, when importing Ruza data, it will have two Shop pages. You need to delete a page. Please follow this video:
{% endhint %}

{% embed url="<https://www.youtube.com/watch?feature=emb_title&time_continue=1902&v=qpYr5CSXfBQ>" %}

* [x] <mark style="color:purple;">**Step 9**</mark> - Fix style errors in cart and checkout pages (using Shortcode, instead of WooCommerce's default page) (If you forgot to delete WooCommerce pages after installing the plugin)

- Step 1: Delete all cart and checkout pages.
- Step 2: Create a new cart and checkout page with the shortcode.&#x20;
- Step 3: Select page cart and checkout

{% hint style="info" %}

### **Watch detailed video instructions here:**

{% endhint %}

{% embed url="<https://youtu.be/3Z5HkRAtFbg>" %}

* [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/ENqY0PY9PseDpaWXIVDB)

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

![](/files/Xj6nyDbXWNJIXSXQGba3)

![](/files/84WaBIOcswF4UQYBvh3D)


---

# 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/ruza/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.