{"id":7596,"date":"2025-05-20T11:00:57","date_gmt":"2025-05-20T11:00:57","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=7596"},"modified":"2025-05-20T11:40:21","modified_gmt":"2025-05-20T11:40:21","slug":"how-to-use-the-split-screen-assessment-template","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-use-the-split-screen-assessment-template\/","title":{"rendered":"How to use the Split Screen Assessment template"},"content":{"rendered":"\n<p>The Split Screen Template is perfect for engaging users through full-height images sharing the spotlight with 10 questions. It has features such as animation from one question to another, gated form, and three possible results from the scoring logic.<\/p>\n\n\n\n<p>Here\u2019s how to set it up and customize it for your content:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the Split Screen Template?<\/h2>\n\n\n\n<p>The Split Screen template is a visually organized assessment:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Home \u2013 Displays a full-height image with headlines<\/li>\n\n\n\n<li>Questions \u2013 Includes 10 questions with 4 choices each, plus a full-height image for each.<\/li>\n\n\n\n<li>Gated Form \u2013 Basic form with full-height image<\/li>\n\n\n\n<li>Result Page \u2013 Three possible results achieved through scoring logic<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step-by-Step Guide to Using the Template<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Customize the Home Page<\/h3>\n\n\n\n<p>The grid is the core of this template. You can customize it to include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Replace the placeholder images with your own featured article visuals. Select the container with the image and on the right side menu, under the \u201cBackground Image\u201d tab reselect the image. We advise ticking the \u201cResponsive Background Image\u201d box option.<br><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcVT-2Sr8MOtCzu4eLQQH-4HfOmsnNuu8c1LdbUAOTjqkM0D07L6a1IdeAwnca1QfPW3Anlelib8zyqdaLyDBoE4UcyjSLPLIDRaCVU9tim4UbluX7o0J0-zTVtnPW_JYGvlrRAkg?key=_UzydrxHHgGoxhfOiaLRyw\" width=\"2048.434734513274\" height=\"1042.0000000000002\"><br><\/li>\n\n\n\n<li>Update the headlines and captions to match your content, double click on the text element or on the highlighted box below.<br><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcj-J2FNLkC9y9QuC7jRRw3_HLsZR8p8xIM-bT01YK0ivibnknHAi60wFvrnidCm45pW7YgpY1s7DQ8pJtPFapPhKQdTaLa1VrQw60m76DgIPDiQGeSp-9kH6bqHYHvt0o1MKpo?key=_UzydrxHHgGoxhfOiaLRyw\" width=\"2008\" height=\"1202.5418914831691\"><br><\/li>\n\n\n\n<li>Edit the CTA text (e.g., &#8220;Start assessment&#8221;).<\/li>\n\n\n\n<li>Adjust the pods and sections according to your themekit.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Questions Page<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There are 10 questions available and 4 choices each. You may want to add or delete new questions \u2014 or choices. In this case, you will need to update the Data Field \u2014 or Data Value \u2014 accordingly.<\/li>\n\n\n\n<li>Each question will update the title, choices and the corresponding full-height image.<\/li>\n\n\n\n<li>Rearrange sections by drag-and-drop for better flow.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Configure the Form Page<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit the CTA text (e.g., &#8220;See my result&#8221;).<\/li>\n\n\n\n<li>Customize the form fields (name, email, etc.).<\/li>\n\n\n\n<li>Connect to your CRM or email marketing tool to capture and manage leads.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Setting the Result Page<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The logic is simple:\n<ul class=\"wp-block-list\">\n<li>Choice A = 1 pt,&nbsp;<\/li>\n\n\n\n<li>Choice B = 2 pt,&nbsp;<\/li>\n\n\n\n<li>Choice C = 3 pt,&nbsp;<\/li>\n\n\n\n<li>Choice D = 4 pt.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Check that the scoring logic is consistent with the strategy. Open the Rules tab and ensure that the possible results are as expected.<br><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXezev6hrC6PlbedCXcInGU9AXhqTroiLghg4g0sTR1LdR-5bHUGTZD7YxTfmJTUwoftzyPfAXyV7oO4ywXqNpBaLnYP8k0GgMAy1sqCl5yU9T50-zWmrElzSyJoYf9BaoG1bUJV?key=_UzydrxHHgGoxhfOiaLRyw\" width=\"2048\" height=\"1015\"><br><\/li>\n\n\n\n<li>All three possible results should have an updated title and descriptive paragraph, as well as a full-height image.<br><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXePSu5bVV3jgERt1xd09d-GHMLM9-Ps5QYYV7rNEnSQVWfb5Te3eCDSfdULHDNjaJZY2EyW--cMrXnmBUvVeYInBPlA9GddtiwCK_sPyUbNYRDL2if3gHc5pHxFeRTKUZBRxRSS?key=_UzydrxHHgGoxhfOiaLRyw\" width=\"2048\" height=\"1129\"><br><\/li>\n\n\n\n<li>Edit the CTA button and add an Action<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Test and Publish<\/h3>\n\n\n\n<p>Before going live, preview your assessment on all viewports to ensure it displays perfectly on all devices. Double-check that every link works, the carousel navigation runs smoothly, and form submissions are being captured correctly. Once everything looks great, your Split Screen Assessment is ready to be shared with the world!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Split Screen Template is perfect for engaging users through full-height images sharing the spotlight with 10 questions. It has features such as animation from one question to another, gated form, and three possible [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-7596","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/7596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=7596"}],"version-history":[{"count":1,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/7596\/revisions"}],"predecessor-version":[{"id":7597,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/7596\/revisions\/7597"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=7596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=7596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=7596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}