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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FyCgsasyfSzCXOU4IjOhZ%2Fimport-data1-delete-plugin.png?alt=media\&token=5d34a72c-3e6d-4d7b-b6e8-cda5bb292f5a)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FMgCSNrVFg5B1aspN0aNF%2Fimport-setup-1.png?alt=media\&token=c6eb83ab-8337-49e2-9dfc-324bd2325822)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FW0PeEBUNsPWc4zMd58Bp%2Fimport-setup-2.png?alt=media\&token=3e33e00e-dd0b-4cd7-b020-343e9aa800ea)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FTgbX2mJPeWJrmPNgd8vM%2Fimport-setup-3.png?alt=media\&token=5181d4a9-4368-4502-adbd-b8bc2a033b50)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FCeexfmqHTrtp3JsMUl8B%2Fimport-setup-4.png?alt=media\&token=e8c4e143-eddf-40fd-87d6-6d888affb957)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FfQrBrzTPPRiQtxJglFH8%2Fimport-setup-5.png?alt=media\&token=6cf9006f-a29e-4afa-8a2c-0aeb4cd25428)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FTM6I8VTTQqw7dgVunc3H%2Fimport-data-fix3.png?alt=media\&token=c9f8103b-0adf-44b2-b3bf-34522bcd531f)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2Ff4QDNtQYF9n9VqzyrN1b%2Fdemo-content-2-2.png?alt=media\&token=692e7bcc-a8bb-418e-9cd2-e931ee0281f5)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FZuigIxts13MvW66pQkN1%2Fimport-data-step7-1.png?alt=media\&token=84f0ae1d-2f13-44b3-a5b8-d9d3666930cb)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2Fz7kkIJB29X9c91sseyX0%2Fimport-data-step7-2.png?alt=media\&token=8d72f091-4b90-42b1-997c-afc27b8540e2)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FF93CiBq2faty6FnYTga9%2Fimport-data-step7-3.png?alt=media\&token=8de1f75c-bd45-474a-ba29-2c2ccc818933)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FmBAp7s76zEYCmxsE8Yki%2Fimport-data-step7-4.png?alt=media\&token=4059c3a8-60b9-4d0b-a1bf-2c220447a361)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FNJyqKlyhWKzcbRl9sEdJ%2Fimport-data-step7-5.png?alt=media\&token=10b876a1-4988-470e-a8db-e20abf9bd2cf)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FCN9M2HIJ4cuUX7D2L9ne%2Fimport-data-step7-6.png?alt=media\&token=04ea3a0d-c9e4-491e-8b17-e4530b38a391)

**Turn Off Breadcrumb on Homepage**

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2F6FWvE4hPivnVF6wdr8OB%2Fimport-data-step7-8.png?alt=media\&token=add2ca12-d326-43d3-b3fe-1c439ec6f9e2)

**Choose homepage displays**

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FvuGiiK26J36QifTYDc2j%2Fimport-data-step7-7.png?alt=media\&token=b81fbd56-75e7-4dd7-b0b6-672719f43a7b)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FJqcxCocM6BdDf5LQaZwf%2Fimport-data-footer-1.png?alt=media\&token=ae502b35-2233-4fcf-bd1d-eac662e2cff1)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FQBvYSorfYw9CZ2MftlAx%2Fimport-data-footer-2.png?alt=media\&token=f9df2687-e338-4475-b4fe-5f96da31f663)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FkI8kJmDD9AjsaIkR7PIN%2Fimport-data-step8-2.png?alt=media\&token=dfaa098a-f3fe-4d09-a2d7-fa9dd06a48fb)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FF93CiBq2faty6FnYTga9%2Fimport-data-step7-3.png?alt=media\&token=8de1f75c-bd45-474a-ba29-2c2ccc818933)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FQqfnDmXjHaxC3DtTQQun%2Fimport-data-step8-4.png?alt=media\&token=015f4a72-03e2-4037-a607-8604c6f8323b)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2F5dKKMBIUTEbGQtqsDO4p%2Fimport-data-step8-5.png?alt=media\&token=4106b59b-0c52-48a3-9f5d-5be305de6f96)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FOBfw1X3RXmkXxP83Zwh9%2Fimport-data-step8-6.png?alt=media\&token=b71f8419-19c5-45a4-a292-795893cadb38)

**Select Footer default in Theme Options**

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FwZsqTZodSW11BeiI6ZoE%2Fimport-data-step8-8.png?alt=media\&token=d4e07189-9b8c-410f-a378-509438e01cca)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FQBG1aHrB54e1xnMKo2Aw%2Fimport-data-step9-2.png?alt=media\&token=9bec15f5-bef9-4249-91ce-9be550b6ea12)

**Here is the result**

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FA5fVWJuraC3hRDEpxg7S%2Fimport-data-step9-3.png?alt=media\&token=8f365ff0-0777-4a60-b128-5684ab7f0260)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FTqy60BitGwq5DxbDDjy8%2Fimport-data-header-1.png?alt=media\&token=d074c0c6-cc72-4a65-8d4d-3dbc5afa335d)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FdTcJcKWj0KIsYqNYUd3d%2Fimport-data-header-2.png?alt=media\&token=d5605089-d10b-4fb2-b63a-567ce5470376)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FkI8kJmDD9AjsaIkR7PIN%2Fimport-data-step8-2.png?alt=media\&token=dfaa098a-f3fe-4d09-a2d7-fa9dd06a48fb)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FF93CiBq2faty6FnYTga9%2Fimport-data-step7-3.png?alt=media\&token=8de1f75c-bd45-474a-ba29-2c2ccc818933)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2F1uCYgM8BnExiS2M9wXYe%2Fimport-data-step10-4.png?alt=media\&token=1061ed48-ec5e-4f34-847b-549532052822)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FC5Mm5W4rP3WGV601Qm8b%2Fimport-data-step10-5.png?alt=media\&token=80833227-b068-4c4f-b944-aa074e7744b4)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FJEfLStrHdN4ICWWBOOBm%2Fimport-data-step10-6.png?alt=media\&token=91dfe5f7-d4fb-40de-b865-1b6519fb2b84)

Choose **Main Menu**

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2F9XPzpg6MfcPXR4kLFriF%2Fimport-data-step10-7.png?alt=media\&token=868e4869-fb55-4c63-bfe6-5e6a3c304f3f)

**Select Header default in Theme Options**

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FxXUoGS1RspdZFLO8CCZI%2Fimport-data-step10-8.png?alt=media\&token=d1e33525-928e-4fc3-bf74-4e68e36676db)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2Fkd9GRhZTvHelzizu6Iaz%2Fimport-data13.png?alt=media\&token=75690cbc-5370-444d-ac54-9c6d14a5f9b3)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FBgPo0U30ZKBrBdbDs1Sp%2Fimport-data15.png?alt=media\&token=94114008-d24f-419e-848f-889d67dbce3a)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FKqotHKYUAkvVPbjlwF2p%2Fimport-data-step15.png?alt=media\&token=4cff8fef-d256-41cb-9b3c-432130d8e977)

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

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FpLHec0ZhqJPevuBVzyvy%2Fimport-data-menu-1.png?alt=media\&token=4f453174-d178-4788-b326-ed6f804e70b3)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2F3SPdwMJMcmwojnRDZvsv%2Fimport-data-menu-2.png?alt=media\&token=0c2094f4-f7b8-4e11-911e-6418cb7147df)

![](https://702617533-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkn7kPvq1Y44Nz6gVyVZq%2Fuploads%2FPAKVOFEbsK9CwCytNL3V%2Fimport-data-menu-3.png?alt=media\&token=3a7d56a9-93e3-4f4b-b614-09f8b40802bf)

Please follow this video:

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