> For the complete documentation index, see [llms.txt](https://thembay-docs.gitbook.io/hara/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/hara/import-sample-data/for-the-website-available..md).

# For the website available.

{% hint style="warning" %}
If you have a website with data available, follow these steps to use the "Hara" theme for your website.
{% endhint %}

* [x] <mark style="color:purple;">**Step 1**</mark> - Install and activate the theme.
* [x] <mark style="color:purple;">**Step 2**</mark> - **Deactivate** and **Delete** the plugins "**Urna Core**", "**Tbay Framework Pro**", "**Tbay Framework**" (If they exist in your old Theme)

![](/files/6QmG9D2KR6t8XdD3Aosq)

* [x] <mark style="color:purple;">**Step 3**</mark> - Install and activate the required plugins.
* [x] <mark style="color:purple;">**Step 4**</mark> - Go to **Appearance** > **Theme Setup** > **Click to Start**

![](/files/wAFSZvRS0M58YCDOmHpa)

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

![](/files/loieLFhRz5mn27Eot5o1)

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

![](/files/vkmDLkNDbL61U2tb5Zq7)

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

![](/files/nTlGGKorQwnvSIm7uP23)

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

![](/files/2pNvI3w1HyE2tXGEGgQQ)

* [x] <mark style="background-color:purple;">**Step 7 (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 8**</mark> - Elementor Settings: Enable Elementor for Thembay Blocks. Disable Default Colors, Disable Default Fonts.

![](/files/vq3TqwtKP2cvKKLdvCG9)

* [x] <mark style="color:purple;">**Step 9**</mark> - Create a **Home Page** with the template we provide

![](/files/XZ3P1LA5oZyYM9xNYtvl)

![](/files/I5wQevS1DupqBGCLSxo2)

![](/files/uoRJP84ZPumqa6a3mBBt)

Choose **Sample Data** > **pages** > **template-home-xxx.json**

![](/files/1COvmyC2TVBLvNNyzJYZ)

![](/files/4EoRMNwWVFUrDsKRZyM3)

![](/files/XQknKqgrTgkQEmq14UN3)

**Turn Off Breadcrumb on Homepage**

![](/files/nRqsmaJKGVikAXRh6FlZ)

**Choose homepage displays**

![](/files/yDY3tGrHTyE9skob9CST)

* [x] <mark style="color:purple;">**Step 10**</mark> - Create a **Footer** with the template we provide

Choose **Thembay Blocks** > **Add New** > **Type of Template = Footer**

![](/files/HeGLykxMdbI4WShMCnID)

![](/files/RrzyGOyIZgDe4SDJBwr3)

![](/files/gTSGKRUmhvDpul2b4nFB)

![](/files/uoRJP84ZPumqa6a3mBBt)

Choose **Sample Data** > **footer** > **template-footer-xxx.json**

![](/files/IrSA13xmU9U3zlKJhjxw)

![](/files/W3AJsKRzm4PhQbuxkQ8z)

![](/files/2v5vFunyZ4j5oHjw47ES)

**Select Footer default in Theme Options**

![](/files/m6bB2RGbVt6qU4n61kaL)

* [x] <mark style="color:purple;">**Step 11**</mark> - Import the MailChimp form

If your **MailChimp form** does not display as well as above, use the code below

```
<input class="form-control input-newletter mc4wp_email" name="EMAIL" required="" type="email" placeholder="Your email address..."> 
<button type="submit" value="Submit"> <i class="tb-icon tb-icon-send"></i> </button>
```

![](/files/DASKgxDwBmJgtPVHRDuj)

**Here is the result**

![](/files/N09ugAoZYgjMgEr5Y6My)

* [x] <mark style="color:purple;">**Step 12**</mark> - Create a **Header** with the template we provide

Choose **Thembay Blocks** > **Add New** > **Type of Template = Header**

![](/files/1fOqbAkaray0PeT9hVaI)

![](/files/OWCxwPURca0oK1e88OTM)

![](/files/gTSGKRUmhvDpul2b4nFB)

![](/files/uoRJP84ZPumqa6a3mBBt)

Choose **Sample Data** > **header** > **template-header-xxx.json**

![](/files/hVKuLeWSIGUS5MZdYymw)

![](/files/wDs7nCOtxntyXuQodW4V)

![](/files/1QT5pPgrFe2PgWldEi0K)

Choose **Main Menu**

![](/files/0qvUUZWr7PmRWy7IrNDb)

**Select Header default in Theme Options**

![](/files/yBiEEu9KxNUxDE5m8w84)

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

![](/files/BheZkurN3zx4PBhQ73eG)

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

![](/files/3kuGnzLzesXZCEPjOvkU)

* [x] <mark style="color:purple;">**Step 15**</mark> - Manual Import Revolution Slider

![](/files/wlzuAlbgFwcKhG66PbnU)

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

![](/files/m5BeA2DNDLnG2Q5Iexo6)

![](/files/14Pquuq68ocqvzZN1IYO)

![](/files/ZMVn5RJKHWgyvsLkrTrx)

Please follow this video:

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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/hara/import-sample-data/for-the-website-available..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.
