{"id":5034,"date":"2023-07-06T12:49:59","date_gmt":"2023-07-06T12:49:59","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=5034"},"modified":"2025-02-17T11:53:37","modified_gmt":"2025-02-17T11:53:37","slug":"how-to-use-the-quiz-to-infographic-template","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-use-the-quiz-to-infographic-template\/","title":{"rendered":"How to use the Quiz to Infographic Template"},"content":{"rendered":"\n<div style=\"padding-bottom: 56.25%;height: 0\"><\/div>\n\n\n\n<p>The <a href=\"https:\/\/quickstartcloud.postclickmarketing.com\/build\/quiz-to-infographic\/\">Quiz to Infographic<\/a> quickstart is an easy 8 question, true or false quiz that leads the viewer to an infographic that details their results. With animated elements throughout the experience, the viewers stay engaged with the content. After each question, the viewer can see if they answered correctly or incorrectly. A short description is provided to provide context for each question. After completing the quiz, the viewers can see their full results in the format of an infographic. The infographic does well in providing easy to disgust content with the help of images and animations.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Type: Quiz<\/li>\n\n\n\n<li>Complexity: Medium<\/li>\n\n\n\n<li>Use case: Engagement<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Features available<\/h2>\n\n\n\n<p>Here are the major features, abilities, and interactive elements used in this template.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Animation<\/li>\n\n\n\n<li>Quiz<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How-to use<\/h2>\n\n\n\n<p>Here is a helpful guide on how to handle all the major features, abilities, and interactive elements available to make the most out of this template.<\/p>\n\n\n\n<p><a href=\"https:\/\/drive.google.com\/drive\/folders\/1kwhPESMcicfGh63WfxBnS75ztvhfV__B?usp=sharing\">&gt;&gt; Framing screenshots<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Animations<\/strong><\/h3>\n\n\n\n<h4>Step 1:<\/h4>\n\n\n\n<p>To edit or add a new animation, select the element on the canvas that you want to animate.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/TsEbl-sFDVlZWcVgMIx1QpWQGPFv6n0b8AdflLf04TorLdIjHaLWuXyNdhLl8eC2MRA4zC59zKoc-Z6Zh_wRiM_HVEaOQCs-2deXqRgffxssUS7J71-Y3pLXxC-eqKy7sXPdENfFG3fgMEteKJpx1fU\" alt=\"\" \/><\/figure>\n\n\n\n<h4>Step 2:<\/h4>\n\n\n\n<p>Under the <strong>Animation<\/strong> tab, choose an animation <strong>Trigger <\/strong>from the dropdown menu. If you want a certain animation to continuously loop, you will need to choose from the list of <strong>Scroll always<\/strong> animations in addition to the <strong>Looping<\/strong> animation.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/VRYx51uVtVuFkJms0-TCxrxeUiERgHfB11qYkj6eIrSGHGdina1Ulrill9Ko2--mMPQkWRGAPLmqTTl6F32Mc-WsuOOY_LEmo3DgsIJJjcp6xiAACAiZbpAcoJbykSdixpxauuIJbxZhRKCFEF1MNuY\" alt=\"\" \/><\/figure>\n\n\n\n<h4>Step 3:<\/h4>\n\n\n\n<p>After selecting the animation <strong>Trigger, <\/strong>choose an animation from the list.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/nO5K96kEj5AqdIZP9ONZoPIog02uXv6Sh9tX3bjmb_29WYpUdCzj-XpvKfVoC4htHjYJbV1epx1KwusGLuN4wneT9Xq7ZYG3vkB9UpnT-3rM6n_y1T429mTumZ8G_FJ3LKN5TBtY93bAjQzwrXIsC2Y\" alt=\"\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Quiz Questions<\/strong><\/h3>\n\n\n\n<h4>Step 1:<\/h4>\n\n\n\n<p>This quiz is formatted within a <strong>Flow. <\/strong>Each question and each answer is within a different <strong>Flow Step. <\/strong>Each answer is within a <strong>Choice <\/strong>that links to another <strong>Flow Step. <\/strong>To edit the path of the answers, you will first need to select a <strong>Choice <\/strong>container on the canvas.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/v3yTi0DmYXnsGnupOJNShHAgMc5u5MDsAm8PkUYREDCvOQN7n1Sr7TVNi4ZmgPKPXU6oNrBACybNTAc56s_Ji8AJnzVzRw12dmzMmUdqoFVRQ6hp4CSRX4XgZkcLPgy_UDmXG5EvOMXF0YQdpGlNjW8\" alt=\"\" \/><\/figure>\n\n\n\n<h4>Step 2:<\/h4>\n\n\n\n<p>Under the <strong>Behaviors <\/strong>tab, there is a <strong>Scroll To <\/strong>command that is applied to a certain <strong>Anchor <\/strong>on the page. Choose the desired <strong>Anchor <\/strong>then press <strong>OK.<\/strong>\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/zdUvOkNFPi6IXpNGjiKIuiR5jDK0_y7RRWZuRQLQZ_QHAw7b8q0fEkoM6nc082K4zP4X8kdUKMrUm11FYCfw49FHfK7YI9Q_9qUHDJyrwRC9hH6Y7710_E6y9jeuoGl3GpbQHeQXVJE8RBtfEBDjWhw\" alt=\"\" \/><\/figure>\n\n\n\n<h4>Step 3:<\/h4>\n\n\n\n<p>To rename an <strong>Anchor, <\/strong>select one of the <strong>Flow Steps <\/strong>and click on the blue anchor icon.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/XjwGphdXNq7R1u04VISnYoqmdMnOWTIgO0FN0ZgR5DiTCGtroZIYDS1IhVnhDwo8GOoIkdgvhy6pgEyJLxrttodq8NR6ojAn-eJC74z2QPdRnSs6lKQWgHkpg9RLGsgC0KTMswhpHh2qV5bVpkb8WZk\" alt=\"\" \/><\/figure>\n\n\n\n<h4>Step 4:<\/h4>\n\n\n\n<p>Rename the <strong>Anchor<\/strong> to something unique so it can be easily referenced later.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/CQBNE6o8l8HhzR4Q5wRGRKu-vRKpi4OGsyoKXXB0hf-Z-89QNvi1zK-hyyIVf7iI43-OhywYuH23r5sDRCIG-e9zw8_47Lsk8zzWsvLYyxh5A6jFps0u5NqMr2H0QZbQoTZMwTLXqS02UiQu5yAGNW8\" alt=\"\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Content Writing Template<\/h2>\n\n\n\n<p><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1AGrOxEVj_U_dODGdrA-OGevGlKDE1e5K6CN2nfrw5mw\/edit?usp=sharing\">Here is the content structure\u2019s template<\/a> to make it easier for you when providing content guidelines or creating the copy for this template, from understanding the content structure to getting to know the amount of words needed to each text piece.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Related templates<\/h2>\n\n\n\n<p>If you like this template, you might want to check out these other similar models.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/3-quizzes-with-grades\/\">3 Quizzes with Grades<\/a>&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/quickstartcloud.postclickmarketing.com\/preview\/standard\/assessment\/easy-assessment\">Easy Assessment<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/fun-quiz\/\">Fun Quiz<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/quickstartcloud.postclickmarketing.com\/preview\/premium\/quizzes\/visual-quiz\">Visual Quiz<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p>Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to <a href=\"mailto:help@ioninteractive.com\">help@ioninteractive.com<\/a>, so we can make sure to have this article constantly up to date.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Quiz to Infographic quickstart is an easy 8 question, true or false quiz that leads the viewer to an infographic that details their results. With animated elements throughout the experience, the viewers stay [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":5937,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-5034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-templates-gallery"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5034","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=5034"}],"version-history":[{"count":2,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5034\/revisions"}],"predecessor-version":[{"id":6830,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5034\/revisions\/6830"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5937"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=5034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=5034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=5034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}