> For the complete documentation index, see [llms.txt](https://thembay-docs.gitbook.io/ruza/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://thembay-docs.gitbook.io/ruza/import-sample-data/for-a-new-website.md).

# For a new website

Import All Sample Data - 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**

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2Fyzj8Zw1zIXYZ05a7Vzfu%2FScreenshot_5.png?alt=media\&token=2087300e-995a-4536-a028-999238f09808)

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

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FQLaYfFw490jikCR3VXbe%2FScreenshot_6.png?alt=media\&token=71e92f86-30dc-4412-8ce9-09827ddfd900)

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

<figure><img src="https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FJq3h29r78e0XynoNu9rm%2FScreenshot_6.png?alt=media&amp;token=b6d3fad1-ba54-49e3-a22c-87b10a744f7b" alt=""><figcaption></figcaption></figure>

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

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FdSvbBmRGkpDOTJcmEUZd%2FScreenshot_7.png?alt=media\&token=aba8d94c-842a-46c8-988c-4b1ea28da685)

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

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/PD323SnNGSbBATKkgd5F/import-setup-5.png)

* [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.

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/fDFa2uL0Oj6qHGaY5xmv/import-data-fix3.png)

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

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/qUwHgnE9opWfF86nhhGE/demo-content-2-2.png)

* [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.

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/9kr94glQ6T4fZ2fk1jH0/demo-content-e-replace-1.png)

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

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/cAOT7d10eRq3ZPOmyqe3/demo-content-e-replace-2.png)

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

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/ichxpmA0FESWcpqf8uG6/import-data13.png)

{% 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

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/nzeA6RtCuxW7HK6adSG1/import-data-menu-1.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/lPCnKqDGQsVwPvZC55Qj/import-data-menu-2.png)

![](https://content.gitbook.com/content/GDhK6YsQvrdElA4oQWXf/blobs/26Wkf6CBOVihpYQcpkxn/import-data-menu-3.png)

#### 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

![](https://2012937590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDhK6YsQvrdElA4oQWXf%2Fuploads%2FHBm9J5enXFHDDS2yjm3n%2FScreenshot_9.png?alt=media\&token=6e187d60-1f77-42c7-8e81-535e44d82291)

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

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

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