{"id":298,"date":"2024-04-18T10:06:49","date_gmt":"2024-04-18T10:06:49","guid":{"rendered":"https:\/\/www.veeform.com\/blog\/?page_id=298"},"modified":"2024-04-18T11:00:09","modified_gmt":"2024-04-18T11:00:09","slug":"dynamic-screen-ending-overview","status":"publish","type":"page","link":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/","title":{"rendered":"&#8220;Dynamic screen&#8221; ending overview"},"content":{"rendered":"<p>Our most capable quiz ending is the &#8220;Dynamic screen&#8221; one, which lets you compose your end screen with custom blocks (including product reco). Let&#8217;s see how it works.<\/p>\n<p>You&#8217;ll find the &#8220;dynamic screen&#8221; ending in the usual spot to add an ending to your quiz.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-302\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1.jpg\" alt=\"\" width=\"882\" height=\"594\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1.jpg 1325w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1-300x202.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1-1024x690.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1-768x518.jpg 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/p>\n<p>Then, in the ending settings, you see that you have a list of blocks that represent the UI elements that are displayed. You can re-order them with a drag &amp; drop, remove them using the &#8220;&#8230;&#8221; menu, edit them by clicking on them and add a new one with the &#8220;+&#8221; button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-303\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-2.jpg\" alt=\"\" width=\"1895\" height=\"890\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-2.jpg 1895w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-2-300x141.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-2-1024x481.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-2-768x361.jpg 768w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-2-1536x721.jpg 1536w\" sizes=\"(max-width: 1895px) 100vw, 1895px\" \/><\/p>\n<p>A block can be a title, text, image, video, button or &#8220;products&#8221; reco section.<\/p>\n<p>If you click on a block, you can access its settings that should be self-explanatory most of the time (we&#8217;ll talk more in details about the &#8220;Products&#8221; block settings a bit later).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-307\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-3.jpg\" alt=\"\" width=\"1918\" height=\"896\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-3.jpg 1918w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-3-300x140.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-3-1024x478.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-3-768x359.jpg 768w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-3-1536x718.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>For each block, you have an &#8220;Add visibility logic&#8221; button. If you click on it, you&#8217;ll be able to set logic rules to decide whether the block should be shown or hidden based on the respondent&#8217;s answers.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-308\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-4.jpg\" alt=\"\" width=\"1898\" height=\"894\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-4.jpg 1898w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-4-300x141.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-4-1024x482.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-4-768x362.jpg 768w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-4-1536x723.jpg 1536w\" sizes=\"(max-width: 1898px) 100vw, 1898px\" \/><\/p>\n<h2>The &#8220;Products&#8221; block<\/h2>\n<p>The &#8220;Products&#8221; is similar to what you have in the regular &#8220;Product recommendation&#8221; ending, but with a bit more options.<\/p>\n<p>First, a quick reminder : as always, <strong>products with 0 upvotes never show up in recommendations<\/strong>, so if you see a &#8220;Oops, we couldn&#8217;t find anything to recommend&#8221; message, make sure that some questions are upvoting products (<a href=\"https:\/\/www.veeform.com\/blog\/how-are-recommendations-calculated\/\" target=\"_blank\" rel=\"noopener\">learn more<\/a>).<\/p>\n<p>You can add as many &#8220;Products&#8221; blocks as you want in the dynamic ending, but by default, they will all show the same products.<\/p>\n<p>Which is why we&#8217;ve added a &#8220;Only show certain products in this block&#8221; option.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-309\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-5.jpg\" alt=\"\" width=\"1898\" height=\"984\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-5.jpg 1898w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-5-300x156.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-5-1024x531.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-5-768x398.jpg 768w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-5-1536x796.jpg 1536w\" sizes=\"(max-width: 1898px) 100vw, 1898px\" \/><\/p>\n<p>If you click on it, you&#8217;ll be able to add a product filter (either on &#8220;Collections&#8221; or on &#8220;Winners&#8221;). Let&#8217;s see an example for each case :<\/p>\n<p>&#8211; On the example below, I&#8217;d like to show a block with eyeliners, then another one with lipsticks. The screenshot below shows how to set up the first &#8220;Products&#8221; block to only show &#8220;Eyeliners&#8221;. Again, this assumes that some eyeliners have been upvoted in the questions.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-310\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-6.jpg\" alt=\"\" width=\"1898\" height=\"893\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-6.jpg 1898w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-6-300x141.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-6-1024x482.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-6-768x361.jpg 768w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-6-1536x723.jpg 1536w\" sizes=\"(max-width: 1898px) 100vw, 1898px\" \/><\/p>\n<p>&#8211; On the second example below, I only want a single &#8220;Products&#8221; block, but I want a single eyeliner, a single lipstick and a single face powder in there. So I use a &#8220;Winners&#8221; filter and I enter the collections I&#8217;d like to see a winner product for (= the product that received the most upvotes and that belongs to this collection).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-306\" src=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-7.jpg\" alt=\"\" width=\"1896\" height=\"890\" srcset=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-7.jpg 1896w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-7-300x141.jpg 300w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-7-1024x481.jpg 1024w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-7-768x361.jpg 768w, https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-7-1536x721.jpg 1536w\" sizes=\"(max-width: 1896px) 100vw, 1896px\" \/><\/p>\n<p>If you have any question, feel free to reach out to <a href=\"mailto:support@veeform.com\">support@veeform.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our most capable quiz ending is the &#8220;Dynamic screen&#8221; one, which lets you compose your end screen with custom blocks (including product reco). Let&#8217;s see how it works. You&#8217;ll find the &#8220;dynamic screen&#8221; ending in the usual spot to add an ending to your quiz. Then, in the ending settings, you see that you have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"powered_cache_disable_cache":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>&quot;Dynamic screen&quot; ending overview - VeeForm Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"&quot;Dynamic screen&quot; ending overview - VeeForm Blog\" \/>\n<meta property=\"og:description\" content=\"Our most capable quiz ending is the &#8220;Dynamic screen&#8221; one, which lets you compose your end screen with custom blocks (including product reco). Let&#8217;s see how it works. You&#8217;ll find the &#8220;dynamic screen&#8221; ending in the usual spot to add an ending to your quiz. Then, in the ending settings, you see that you have [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"VeeForm Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-18T11:00:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/\",\"url\":\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/\",\"name\":\"\\\"Dynamic screen\\\" ending overview - VeeForm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.veeform.com\/blog\/#website\"},\"datePublished\":\"2024-04-18T10:06:49+00:00\",\"dateModified\":\"2024-04-18T11:00:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.veeform.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"&#8220;Dynamic screen&#8221; ending overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.veeform.com\/blog\/#website\",\"url\":\"https:\/\/www.veeform.com\/blog\/\",\"name\":\"VeeForm Blog\",\"description\":\"Everything you need to know about forms and quizzes.\",\"publisher\":{\"@id\":\"https:\/\/www.veeform.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.veeform.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.veeform.com\/blog\/#organization\",\"name\":\"VeeForm\",\"url\":\"https:\/\/www.veeform.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.veeform.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2023\/04\/social.png\",\"contentUrl\":\"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2023\/04\/social.png\",\"width\":1024,\"height\":1024,\"caption\":\"VeeForm\"},\"image\":{\"@id\":\"https:\/\/www.veeform.com\/blog\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\"Dynamic screen\" ending overview - VeeForm Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/","og_locale":"en_US","og_type":"article","og_title":"\"Dynamic screen\" ending overview - VeeForm Blog","og_description":"Our most capable quiz ending is the &#8220;Dynamic screen&#8221; one, which lets you compose your end screen with custom blocks (including product reco). Let&#8217;s see how it works. You&#8217;ll find the &#8220;dynamic screen&#8221; ending in the usual spot to add an ending to your quiz. Then, in the ending settings, you see that you have [&hellip;]","og_url":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/","og_site_name":"VeeForm Blog","article_modified_time":"2024-04-18T11:00:09+00:00","og_image":[{"url":"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2024\/04\/ds-1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/","url":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/","name":"\"Dynamic screen\" ending overview - VeeForm Blog","isPartOf":{"@id":"https:\/\/www.veeform.com\/blog\/#website"},"datePublished":"2024-04-18T10:06:49+00:00","dateModified":"2024-04-18T11:00:09+00:00","breadcrumb":{"@id":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.veeform.com\/blog\/dynamic-screen-ending-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.veeform.com\/blog\/"},{"@type":"ListItem","position":2,"name":"&#8220;Dynamic screen&#8221; ending overview"}]},{"@type":"WebSite","@id":"https:\/\/www.veeform.com\/blog\/#website","url":"https:\/\/www.veeform.com\/blog\/","name":"VeeForm Blog","description":"Everything you need to know about forms and quizzes.","publisher":{"@id":"https:\/\/www.veeform.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.veeform.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.veeform.com\/blog\/#organization","name":"VeeForm","url":"https:\/\/www.veeform.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.veeform.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2023\/04\/social.png","contentUrl":"https:\/\/www.veeform.com\/blog\/wp-content\/uploads\/2023\/04\/social.png","width":1024,"height":1024,"caption":"VeeForm"},"image":{"@id":"https:\/\/www.veeform.com\/blog\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/pages\/298"}],"collection":[{"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":9,"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/pages\/298\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/www.veeform.com\/blog\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}