integration_documentation:instant_frontend:shopping_guide

integration_documentation:instant_frontend:shopping_guide

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
integration_documentation:instant_frontend:shopping_guide [2023/03/08 16:14]
rihad
integration_documentation:instant_frontend:shopping_guide [2023/03/13 12:42]
rihad
Line 17: Line 17:
      * prepend: The Product List Page container will be prepended within the set container (selector).      * prepend: The Product List Page container will be prepended within the set container (selector).
  
-  * **Color**: The following ​depictions ​shows how the colors ​will apply to the Shopping Guide.+  * **Color**: The following ​depiction ​shows how the colours ​will apply to the Shopping Guide.
  
 {{:​account21:​colors.png?​1200|}} {{:​account21:​colors.png?​1200|}}
 +
 +<note important>​Please be aware that those Settings are globally applied to all Shopping Guides.</​note>​
  
 ---- ----
Line 25: Line 27:
 ==== Settings ==== ==== Settings ====
  
 +{{:​account21:​sg_settings.png?​400|}}
 +
 +     * **Name**: Give the Shopping Guide a proper Name
 +     * **Title**: Specify the Title of the Shopping Guide. This will be displayed in the Shops Frontend.
 +     * **Subtitle**:​ Add a Subtitle. This will be displayed in the Shops Frontend.
 +     * **Category**:​ Specify on which Category the Shopping Guide should be triggered
 +     * **Default flow**: Select the default flow that should be used for the Shopping Guide. According to the flow chosen you can specify the order of the Questions.
  
 ---- ----
 ==== Questions ==== ==== Questions ====
  
 +{{:​account21:​sg_questions.png?​400|}}
 +
 +  * Here we have different types of questions ​
 +  * All of the questions that should be considered within the Shopping Guide can be added here
 +
 +=== Add Questions ===
 +
 +{{:​account21:​sg_questions_add.png?​400|}} {{:​account21:​sg_questions_config.png?​400|}}
 +
 +  - Select an Attribute from the Dropdown
 +  - Edit the question and set the configurations for the question
 +  * Define a different Display Name
 +  * Change the used Attribute for the question
 +  * Unordered List ItemSelect how the filters/​answers should be displayed in the flow
 +  * Set the order that should applicable ​
 +  * Define the question
 +  * If needed add a Icon for the Header with an Image URL
 +  * Define if multiple options can be used
 +  * Define if the Question is required
 +
 +=== Add Answers ===
 +
 +{{:​account21:​sg_answer_add.png?​400|}} {{:​account21:​sg_answer_edit.png?​400|}}
 +
 +  - From the dropdown you can specify the filter values that should be shown for the question
 +  - Every answer can be edited with the following options:
 +  * Display Name
 +  * Set an Image URL if needed
 +
 +=== Add branching questions (optional) ===
 +
 +{{:​account21:​sg_bq_config.png?​400|}} {{:​account21:​sg_bq_answer.png?​400|}} {{:​account21:​sg_bq_answer_edit.png?​400|}}
 +
 +  * Branching questions can help to guide a User in a certain direction with a different flow of questions
 +
 +  - Configure the branching question
 +  * Set a display name
 +  * Add a question/​headline
 +  * Choose the displaying option that should be applied
 +  * Add a Header Icon if needed
 +
 +  - Move to answers
 +  * Add/Edit an answer
 +  * Set display name
 +  * Add image Url for the attribute value
 +  * Select which flow should be triggered after answering the question
  
 ---- ----
 ==== Flows ==== ==== Flows ====