> 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] **Step 1** - Install and activate the theme.
* [x] **Step 2** - **Deactivate** and **Delete** the plugins "**Urna Core**", "**Tbay Framework Pro**", "**Tbay Framework**" (If they exist in your old Theme)
* [x] **Step 3** - Install and activate the required plugins.
* [x] **Step 4** - Go to **Appearance** > **Theme Setup** > **Click to Start**
* [x] **Step 5** - **Install Child Theme**
* [x] **Step 6** - **Import Content**: Select the **Demo you want (Uncheck the content section)**, then click on **Import**
**The process may take some time. Please wait**
:tada:**All done. Have fun!**
* [x] **Step 7 (Important Step)** - **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.
* [x] **Step 8** - Elementor Settings: Enable Elementor for Thembay Blocks. Disable Default Colors, Disable Default Fonts.
* [x] **Step 9** - Create a **Home Page** with the template we provide
Choose **Sample Data** > **pages** > **template-home-xxx.json**
**Turn Off Breadcrumb on Homepage**
**Choose homepage displays**
* [x] **Step 10** - Create a **Footer** with the template we provide
Choose **Thembay Blocks** > **Add New** > **Type of Template = Footer**
Choose **Sample Data** > **footer** > **template-footer-xxx.json**
**Select Footer default in Theme Options**
* [x] **Step 11** - Import the MailChimp form
If your **MailChimp form** does not display as well as above, use the code below
```
```
**Here is the result**
* [x] **Step 12** - Create a **Header** with the template we provide
Choose **Thembay Blocks** > **Add New** > **Type of Template = Header**
Choose **Sample Data** > **header** > **template-header-xxx.json**
Choose **Main Menu**
**Select Header default in Theme Options**
* [x] **Step 13** - Choose Shop Page: Go to **WooCommerce** > **Settings** > **Products** > **General** > **Shop Page**
* [x] **Step 14** - Choose Cart and Checkout Page: Go to **WooCommerce** > **Settings** > **Advanced**
* [x] **Step 15** - Manual Import Revolution Slider
* [x] **Step 16** - Configure Mega Menu
Please follow this video:
{% embed url="" %}