{"id":8195,"date":"2025-12-10T17:53:29","date_gmt":"2025-12-10T17:53:29","guid":{"rendered":"https:\/\/ioninteractive.com\/ionacademy\/?p=8195"},"modified":"2025-12-10T18:02:44","modified_gmt":"2025-12-10T18:02:44","slug":"3-quizzes-with-grades","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/3-quizzes-with-grades\/","title":{"rendered":"3 Quizzes with Grades template"},"content":{"rendered":"\n<p class=\"\">The <a href=\"https:\/\/iontemplates.rockcontent.com\/live\/3-quizzes-with-grades\">3 Quizzes with Grades<\/a> template contains 3 category quizzes with individual results as well as a gated form for additional information. The quizzes contain choices and multiple options for users to select. This template features animations, graphics, and colors that make it very engaging. User engagement can be easily tracked and collected through the gated form. This quiz template captures the user through a fun and highly visual display.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">Type: Quiz<\/li>\n\n\n\n<li class=\"\">Complexity: Medium<\/li>\n\n\n\n<li class=\"\">Use case: Education<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Features available<\/h2>\n\n\n\n<p class=\"\">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 class=\"\">Animations<\/li>\n\n\n\n<li class=\"\">Flows<\/li>\n\n\n\n<li class=\"\">Form<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How-to use<\/h2>\n\n\n\n<p class=\"\">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<h3 class=\"wp-block-heading\"><strong>Animation<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: Select the element that you wish to animate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-1-1024x568.png\" alt=\"\" class=\"wp-image-8202\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-1-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-1-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-1-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-1-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-1-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Under the animation panel, choose the type of animation trigger.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-2-1024x568.png\" alt=\"\" class=\"wp-image-8204\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-2-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-2-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-2-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-2-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-2-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 3: From the list of animations, select the desired animation<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-3-1024x568.png\" alt=\"\" class=\"wp-image-8206\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-3-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-3-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-3-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-3-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-3-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 4: To remove an existing animation, click the <strong>X<\/strong> next to the animation tag under the animation panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-4-1024x568.png\" alt=\"\" class=\"wp-image-8207\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-4-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-4-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-4-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-4-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Animcation-step-4-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Form<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: To edit the different <strong>Form<\/strong> inputs, select one of the <strong>Textboxes.<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-1-1024x568.png\" alt=\"\" class=\"wp-image-8223\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-1-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-1-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-1-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-1-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-1-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Under the <strong>Variables<\/strong> panel, click the <strong>Data field <\/strong>link to open up the lists of data fields.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-2-1024x568.png\" alt=\"\" class=\"wp-image-8212\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-2-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-2-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-2-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-2-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-2-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 3: Select a category from the <strong>Categories<\/strong> panel to the left.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-3-1024x568.png\" alt=\"\" class=\"wp-image-8214\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-3-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-3-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-3-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-3-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-3-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 4: Choose your data field then press <strong>OK.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-4-1024x568.png\" alt=\"\" class=\"wp-image-8217\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-4-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-4-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-4-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-4-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Form-step-4-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flows<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: To update the content within your <strong>Flow<\/strong>, begin by selecting it on the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-1-1-1024x568.png\" alt=\"\" class=\"wp-image-8219\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-1-1-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-1-1-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-1-1-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-1-1-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-1-1-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Within the <strong>Flow<\/strong>, locate the first <strong>Flow Step<\/strong> at the top. You can edit the contents within the container, add content, or remove all of the content from the <strong>Flow Step<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-2-1024x568.png\" alt=\"\" class=\"wp-image-8220\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-2-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-2-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-2-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-2-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-2-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 3: After choosing the <strong>Flow Microtheme<\/strong>, another dropdown will appear where you can choose from a list of sub-category options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-3-1024x568.png\" alt=\"\" class=\"wp-image-8225\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-3-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-3-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-3-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-3-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-3-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 4: You can choose the behavior between the flowsteps by selecting from the <strong>All Steps <\/strong>category in the dropdown menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"568\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-4-1024x568.png\" alt=\"\" class=\"wp-image-8222\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-4-1024x568.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-4-300x167.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-4-768x426.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-4-1536x853.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/12\/Flows-step-4-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Content Writing Template<\/h2>\n\n\n\n<p class=\"\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1YDCCDq6npS5G66RHXFOQJ8SWlxyQ4mF8GnT3kaE0hdc\/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 class=\"\">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 class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/quiz-to-infographic\/\">Quiz to Infographic<\/a><\/li>\n\n\n\n<li class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/fun-quiz\/\">Fun Quiz<\/a><\/li>\n\n\n\n<li class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/visual-quiz\/\">Visual Quiz<\/a><\/li>\n\n\n\n<li class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/pod-right-quiz\/\">Pod Right Quiz<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p class=\"\">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\" data-type=\"mailto\" data-id=\"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 3 Quizzes with Grades template contains 3 category quizzes with individual results as well as a gated form for additional information. The quizzes contain choices and multiple options for users to select. This [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2107,39],"tags":[],"class_list":["post-8195","post","type-post","status-publish","format-standard","hentry","category-ion-templates","category-the-templates-gallery"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/8195","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\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=8195"}],"version-history":[{"count":5,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/8195\/revisions"}],"predecessor-version":[{"id":8228,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/8195\/revisions\/8228"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=8195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=8195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=8195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}