{"id":2798,"date":"2017-10-11T06:46:43","date_gmt":"2017-10-11T06:46:43","guid":{"rendered":"http:\/\/himbap.com\/blog\/?p=2798"},"modified":"2017-10-11T06:46:43","modified_gmt":"2017-10-11T06:46:43","slug":"using-client-side-response-routing-in-voice-of-the-customer","status":"publish","type":"post","link":"https:\/\/himbap.com\/blog\/?p=2798","title":{"rendered":"Using Client Side Response Routing in Voice of the Customer"},"content":{"rendered":"<p><strong>Requirement<\/strong>: We need to show\/hide survey question based on the selection in previous question. In this article we are going to share steps to implement same.<\/p>\n<p><strong>Solution<\/strong>: While working on survey we want make it responsive as much as possible based on the question inputs. Let say we are creating a survey for training program and we want to implement following logic in our survey:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC1.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2799 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC1-300x206.png\" alt=\"ResponseRoutingVOC1\" width=\"300\" height=\"206\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC1-300x206.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC1.png 465w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Above logic can be implemented using response routing rules in voice of the customer, we can using following steps:<\/p>\n<p><em>If you are new to Voice of the Customer, please refer our earlier article <a href=\"https:\/\/himbap.com\/blog\/?p=2768\">Getting started with Voice of the Customer<\/a><\/em><\/p>\n<p>1. Create a survey by navigating <strong>New<\/strong> under <strong>Voice of the Customer -&gt; Survey<\/strong>.<br \/>\n2. Enter basic details about our survey.<br \/>\n3. Let\u2019s use two single response question and change their label like following<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC2.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2800 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC2-300x83.png\" alt=\"ResponseRoutingVOC2\" width=\"300\" height=\"83\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC2-300x83.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC2-624x172.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC2.png 974w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n4. Click on edit button for second question and make sure to set visibility as \u201c<strong>Do Not Display<\/strong>\u201d under Layout option.<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC4.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2801 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC4-300x43.png\" alt=\"ResponseRoutingVOC4\" width=\"300\" height=\"43\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC4-300x43.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC4-624x90.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC4.png 697w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Now our question are ready, so let&#8217;s setup\u00a0client side\u00a0response routing.<br \/>\n5. Click on the drop down next to your survey name and select Response Routings:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC5.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2802 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC5-300x149.png\" alt=\"ResponseRoutingVOC5\" width=\"300\" height=\"149\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC5-300x149.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC5-624x309.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC5.png 701w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n6. Click on Add New Response Routing and enter name and hit save button.<br \/>\n7. Click on + sign under Condition sub grid to add new Response Condition Record.<br \/>\n8. Provide name for condition and fill details under check like following and hit save and close.<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC8.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2803 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC8-300x70.png\" alt=\"ResponseRoutingVOC8\" width=\"300\" height=\"70\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC8-300x70.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC8-624x145.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC8.png 714w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n9. Now click on + sign under Action sub grid to add Response Action record.<br \/>\n10. Fill Client under scope drop down and fill following details under Client and hit save and close:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC10.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2804 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC10-300x145.png\" alt=\"ResponseRoutingVOC10\" width=\"300\" height=\"145\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC10-300x145.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC10-624x301.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC10.png 645w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n11. Click on + sign under Otherwise sub grid to add response record for else part to hide question in case CRM selection is removed. Fill name and use following options under client and hit save and close:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC11.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2805 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC11-300x195.png\" alt=\"ResponseRoutingVOC11\" width=\"300\" height=\"195\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC11-300x195.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC11.png 494w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nNow click on preview\u00a0command button\u00a0on survey form and\u00a0we should be able to see our question while CRM is selected like following<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC12.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2806 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC12-300x50.png\" alt=\"ResponseRoutingVOC12\" width=\"300\" height=\"50\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC12-300x50.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC12-1024x172.png 1024w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC12-624x105.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC12.png 1177w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nAnd when any other training is selected CRM training question will be hidden like following:<br \/>\n<a href=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC13.png\"><img decoding=\"async\" loading=\"lazy\" class=\" size-medium wp-image-2807 aligncenter\" src=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC13-300x37.png\" alt=\"ResponseRoutingVOC13\" width=\"300\" height=\"37\" srcset=\"https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC13-300x37.png 300w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC13-1024x127.png 1024w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC13-624x77.png 624w, https:\/\/himbap.com\/blog\/wp-content\/uploads\/2017\/10\/ResponseRoutingVOC13.png 1035w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Requirement: We need to show\/hide survey question based on the selection in previous question. In this article we are going to share steps to implement same. Solution: While working on survey we want make it responsive as much as possible based on the question inputs. Let say we are creating a survey for training program and we want to implement&#8230; <a href=\"https:\/\/himbap.com\/blog\/?p=2798\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2772,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[402,456],"tags":[463,462,457],"_links":{"self":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2798"}],"collection":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2798"}],"version-history":[{"count":3,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2798\/revisions"}],"predecessor-version":[{"id":2810,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2798\/revisions\/2810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/2772"}],"wp:attachment":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}