ShoeAI Landing Page

In this section, we will outline the technical steps involved in creating a ShoeAI landing page.

1. Develop the landing page with a specific path named /shoeai/.

2. 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>

3. Add an explanatory message to inform users about the ShoeAI technology. Here is an example (*Text templates can be found below in EN & DE):

   

4.  Create an empty div wrapper with the following attributes:

   <div class="ShoeSizeMe ssm_LP" data-touchpoint="ssm-landing"></div>

5. 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.

6. 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!