Articles on: Install M:AI (Integration)

WooCommerce: Use Elementor addon to install M:AI Recommendations


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



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


5. Click the pen-icon to edit the short code


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


7. Paste unique ID into Elementor > Short code, including the short code needed

  • Example [mai_recommendation id="2gC5zOtIr5ybJ33r"]




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


Go to WooCommerce admin > M:AI Search > How to use, for more information:




Updated on: 28/05/2026