> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.meshnordic.ai/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# WooCommerce: Use Elementor addon to install M:AI Recommendations

![](https://storage.crisp.chat/users/helpdesk/website/d0d2c8198fd87000/woocommerce-logo-black-216px_2wzm2s.png)

# Use Elementor addon to install M:AI Recommendations

###### Only if you use the WooCommce-plugin Elementor.
---



# Elementor

## Step-by-step instructions

#### 1. Go to **WooCommerce admin > Pages > Find the page "Start page" (ENG) or "Startsidan" (SWE)**

#### 2. Click the blue button **"Edit with Elementor" (ENG) or "Redigera med Elementor" (SWE)**:
![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/d/2/d0d2c8198fd87000/image_1k0ew7j.png)


#### 3. In Elementor, search for widget **"Short code" (ENG) or "Kortkod" (SWE)**

#### 4. Drag-n-drop the widget **"Short code" (ENG) or "Kortkod" (SWE)** to the Plus sign (in the middle of the start page). See image above
![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/d/2/d0d2c8198fd87000/image_1fokpkj.png)

#### 5. Click the pen-icon to edit the short code 
![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/d/2/d0d2c8198fd87000/image_bk8aze.png)

#### 6. Find and copy the unique ID from the M:AI Recommendation bar you want to be displayed
* Go to M:AI admin > Recommendations, find the correct recommendation bar
![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/d/2/d0d2c8198fd87000/image_vksk5h.png)

#### 7. Paste unique ID into Elementor > Short code, including the short code needed
* Example **[mai_recommendation id="2gC5zOtIr5ybJ33r"]**
![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/d/2/d0d2c8198fd87000/image_sjvkjq.png)

---


### All this information can also be found in our WooCommerce-plugin.

#### Go to WooCommerce admin > M:AI Search > How to use, for more information:
![](https://storage.crisp.chat/users/helpdesk/website/-/d/0/d/2/d0d2c8198fd87000/image_1ogzvjp.png)