{"id":5019,"date":"2023-05-11T11:31:43","date_gmt":"2023-05-11T11:31:43","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=5019"},"modified":"2026-07-18T15:02:22","modified_gmt":"2026-07-18T15:02:22","slug":"how-to-use-the-maturity-assessment-template","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-use-the-maturity-assessment-template\/","title":{"rendered":"How to use the Maturity Assessment Template"},"content":{"rendered":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0;\"><iframe src=\"https:\/\/www.loom.com\/embed\/e8161a19cc2645adafbccae931177adf?sid=d7c264df-a867-433d-b26a-24b518380a48\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/ioninteractive.com\/gallery\/maturity-assessment\/\">Maturity Assessment<\/a> is an interactive experience that consists of 14 questions with 5 choices per question. The assessment shows a progress bar providing users with knowledge of how many questions they have completed and how many they have outstanding. When the assessment is completed, and the form is ungated, the result page displaying an image of where the user ranks, their result type, and the opportunity to retake the assessment are available. Additionally, resources are also accessible now.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Type: Assessment<\/li>\n\n\n\n<li>Complexity: High<\/li>\n\n\n\n<li>Use case: Sales Enablement<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Features available<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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>Animations<\/li>\n\n\n\n<li>Additional choices<\/li>\n\n\n\n<li>Additional form input<\/li>\n\n\n\n<li>Flow<\/li>\n\n\n\n<li>Progress Bar<\/li>\n\n\n\n<li>Quiz<\/li>\n\n\n\n<li>Resource image<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How-to use<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><a href=\"https:\/\/drive.google.com\/drive\/folders\/1vm87_bSdjUe4wNnPVvIhWMMUspvx77Qc?usp=share_link\">&gt;&gt; Framing screenshots<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Animations<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Step 1: To add an animation to an element, select the desired element. Navigate to the +Animations panel. In the first dropdown select the trigger (Scroll into view, immediate, etc.) and in the second dropdown select the animation type.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3521-current-template-animations.png\" alt=\"Current Ion interface for Animations\"\/><figcaption class=\"wp-element-caption\">Current Ion interface supporting the Animations steps in this guide.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 2: To remove or adjust an existing animation, select the element with the animation already existing.&nbsp; Navigate to the +Animations panel and select the \u201cx\u201d icon next to the animation type to remove the animation. To adjust the animation, follow step 1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Additional choices<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Step 1: Copy the row that the choice lives within into the Responsive Grid.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-choice-group-settings.png\" alt=\"Current Ion interface for Additional Choices\"\/><figcaption class=\"wp-element-caption\">Current Ion interface supporting the Additional Choices steps in this guide.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 2: Update the copy and Data Value.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Additional form input<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Step 1: Navigate to the Forms component, and drag in the desired form input into the column where the other form fields live within.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-textbox-settings.png\" alt=\"Current Ion interface for Additional Form Input\"\/><figcaption class=\"wp-element-caption\">Current Ion interface supporting the Additional Form Input steps in this guide.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 2: Update the label copy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Step 3: Select the form input (i.e. Textbox), navigate to the Variables panel. Adjust the input type, check required if the form field is mandatory, select a unique data field, and expand the Pre-Populated Value to set placeholder text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flow<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Step 1: If the number of questions is less than 14, flow steps will have to be removed and the behavior for the last question will have to change. Remove the behavior on the Next button by navigating to the Behavior panel, select the garbage can icon and remove the Move to Step &gt; Next.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3471-current-flow-step-tool.png\" alt=\"Current Ion interface for Flow\"\/><figcaption class=\"wp-element-caption\">Current Ion interface supporting the Flow steps in this guide.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 2: Navigate to the +Actions and set the navigation to the result page. Don\u2019t forget to add a tag for behavioral tracking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Step 3: If the number of questions is greater than 14, flow steps will have to be added by dragging in a flow step component or by copy and pasting an existing one.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Step 4: Select the Get the results &gt; button on question 14, navigate to the +Actions panel, and&nbsp; remove the action using the trash can icon.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Step 5: Navigate to the +Behaviors panel, under Behaviors in Flow, select Next.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Progress Bar<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Step 1: To change the styling of the progress bar select the Flow. Navigate to the Micro-Themes panel, under Others select the Flow from the dropdown.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3471-current-layers.png\" alt=\"Current Ion interface for Progress Bar\"\/><figcaption class=\"wp-element-caption\">Current Ion interface supporting the Progress Bar steps in this guide.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 2: In the second dropdown you can adjust the navigation style, color, and alignment. You can also choose how you want the flow steps to move from one question to the next and back by selecting any of the All Steps items.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Resource image<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Step 1: Select the container that contains the image and navigate to the background panel. Open the Background Image by selecting the image, select &lt;reselect image on the top right corner of the editor, and select Add Images on the top right to upload a different image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3394-basics-images-editor.png\" alt=\"Current Ion interface for Resource Image\"\/><figcaption class=\"wp-element-caption\">Current Ion interface supporting the Resource Image steps in this guide.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 2: To Increase the height of the image container, select the container the image lives within. Navigate to the Layout panel, under Width and Height, adjust the height value. The greater the value the longer the resource image container will be.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Content Writing Template<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1Rm4mAGter-LoCK9v3vNZ9dNz-JdBiKzgw6g6ogckHyo\/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=\"wp-block-paragraph\">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:\/\/ioninteractive.com\/gallery\/assessment-with-benchmark-results\/\">Assessment with Benchmark Results<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ioninteractive.com\/gallery\/3-quizzes-with-grades\/\">3 Quizzes with Grades<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ioninteractive.com\/gallery\/crawl-walk-run-fly\/\">Crawl-Walk-Run-Fly Assessment<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ioninteractive.com\/gallery\/report-card-assessment\/\">Report Card Assessment<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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 Maturity Assessment is an interactive experience that consists of 14 questions with 5 choices per question. The assessment shows a progress bar providing users with knowledge of how many questions they have completed [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":5245,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-5019","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\/5019","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=5019"}],"version-history":[{"count":0,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5019\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5245"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=5019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=5019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=5019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}