> For the complete documentation index, see [llms.txt](https://thembay-docs.gitbook.io/maia/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/maia/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 "Maia" 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/6ZayezWYICPH1Jkh0LnF)

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

**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/GCaPgwaq72Fg5ueodMje)

**Select Footer default in Theme Options**

![](/files/kFfsHaf7hUSoyyfO63vv)

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

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

{% embed url="<https://gist.github.com/cuocsongso/1af0f751db8a4f51b0b240e21ff47764#file-maia-mailchimp-form-xml>" %}

![](/files/DASKgxDwBmJgtPVHRDuj)

**Here is the result**

![](/files/kPgehVrLX3H6IWbmoiO5)

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

Choose **Main Menu**

![](/files/ITcah4DcGjcIljyS7jua)

**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>" %}
