In this section, we will outline the technical steps involved in creating a ShoeAI landing page. #
- Develop the landing page with a specific path named /shoeai/.
- Insert the loader script into the page to enable the plugin to load. This code will enable the ShoeAI plugin to load when there is a callback from the touchpoint:
<script type="text/javascript" async src="https://shoesize.me/assets/plugin/loader.js">
{
shopID:"SHOP_ID",
locale:"en",
zeroHash:"",
scale:"eu"
}
</script> - Add an explanatory message to inform users about the ShoeAI technology. Here is an example (*Text templates can be found below in EN & DE):
- Create an empty div wrapper with the following attributes:
<div class="ShoeSizeMe ssm_LP" data-touchpoint="ssm-landing"></div> - The ShoeAI team will use this div wrapper to integrate and operate the touchpoint. The touchpoint will be inserted into the div wrapper and its activation and deactivation will be controlled by GTM based on different ShoeAI recommendation states.
- Add a link to the newly created ShoeAI landing page in the menu bar of the website. This can be done by creating a menu item and linking it to the /shoeai/ path. This will enable users to easily access the ShoeAI landing page from the menu bar of the website.
German (DE) Text Template
WIR FINDEN PASSENDE SCHUHE FÜR DICH! #
Mit unserer Künstlichen Intelligenz (KI) bieten wir Dir die bestmögliche Shoppinghilfe – online. Finde ganz leicht passende Schuhe.
Sag uns einfach, welche Modelle Dir bereits gut passen und … Voilà! Deine persönlichen Größenempfehlungen warten beim Shoppen auf Dich.
Jetzt ausprobieren!
English (EN) Text Template
WE WILL FIND THE RIGHT SHOES FOR YOU! #
With our artificial intelligence (AI) we offer you the best possible online shopping help. Find easily shoes that will fit you.
Simply tell us which models already fit you well and… Voilà! Your personal size recommendations are ready for you while shopping.
