This article describes how your customized shoe questions are created and installed/loaded. For installing, you will receive an individual JSON file from us.
CREATING THE SHOE QUESTIONS
The shoe questions are a set of questions that you can add before the standard flow of ShoeAI (Which brands fits you?)
From you, we will need you to provide the following:
-
You can define 1 or several questions (steps)
-
Each step comes with one question and one answer selection from several possible answers (please provide question and answer)
-
For each answer, please provide an image that needs to be JPG 500px*500px format.
Our team will usually create a first draft of the shoe questions based on your shop structure and share it with you.
INSTALLATION
For installing, you will receive an individual JSON file from us. (If you are using Shopify Installation Service, we can install the JSON file directly).
Add a script at the end of the page with id ssm_pages and type application/JSON, add and paste inside the JSON file that you got provided by us.
<script type="application/json" id="ssm_pages"></script>
SAMPLE OF JSON
{
"pages":[
{
"data_name":"gender",
"content":[
{
"title": {
"default":"Footwear I am looking for",
"es":"Zapatos que me interesan",
"fr":"Chaussures que je recherche"
},
"layout":{
"columns":2,
"design":"hover"
},
"blocks":[
{
"image": "https://images.unsplash.com/photo-1545151414-8a948e1ea54f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80",
"text": {
"default":"Women",
"es":"Mujer"
},
"value":"women",
"map_value":"female"
},
{
"image": "https://images.unsplash.com/photo-1554068865-24cecd4e34b8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80",
"text": {
"default":"Men",
"es":"Hombre"
},
"value":"men",
"map_value":"male"
}, {
"image": "https://images.unsplash.com/photo-1581079708051-9784b310349f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1153&q=80",
"text": {
"default":"Kids",
"es":"Niños"
},
"value":"kids",
"map_value":"kids"
}
]
}
]
},
{
"data_name":"shoe_type",
"content":[
{
"title": {
"default":"Tennis shoes I am looking for",
"es":"Zapato de tenis que me interesa"
},
"layout":{
"columns":2,
"design":"hover"
},
"blocks":[
{
"image": "https://www.detenis.top/wp-content/uploads/2020/03/tipos-de-pistas-tenis.jpg",
"text": {
"default":"All Court Shoes"
},
"value":"all_court"
},
{
"image": "https://images.pexels.com/photos/209977/pexels-photo-209977.jpeg",
"text": {
"default":"Clay Court"
},
"value":"clay_court"
},
{
"image": "https://images.pexels.com/photos/60689/tennis-sport-paddle-ball-60689.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
"text": {
"default":"Grass Court"
},
"value":"grass_court"
}
]
}
]
}
]
}
CALLBACK PAYLOAD
If the ShoeFinder experience is enabled, the ShoeSize callbacks will return a Pages object having as keys the name of each page. Each page name can be found in the JSON as "data_name" parameter.
The page object will contain a value parameter equal to the value set inside the block object selected in the UI
Only the value parameter is necessary, the map_value is for internal use only.
{
...
pages:{
gender:{
value":"men",
map_value":"male
},
shoe_type:{
value:"shell_cordovan",
map_value:¡null
}
}
}