{"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":"2023-10-23T17:19:54","modified_gmt":"2023-10-23T17:19:54","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>The <a href=\"https:\/\/iontemplates.rockcontent.com\/preview\/premium\/assessment\/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>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>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\/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>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\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/QA3O2XxUw67ngGCbR_BzlX1HzZHu_Rb48XbNkza1cv2UYiWIeoGGrvEVb0CDC50BSXYAnTjnfXWDmh244WGIvvhfhWsnSkg8Nn-5W-wBCCYFN0pEKcgu8cbZo4deZuUQgwhnQSU-S42C84c6V85q0NM\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/TQlkJmxc2pTAaX67eOySN4cEdxxd8Zb9-wybLAQU-enz976WRt6DPLpHsrSafrnzDZNJSSNDNeEYAxj6i6TEyAL7V4wFbTKA8MPS1Dwe8Mcvzj6zLCyaAduppYrf9A7kbR6PKgaKEg5acQ6pB1w9y48\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Additional choices<\/strong><\/h3>\n\n\n\n<p>Step 1: Copy the row that the choice lives within into the Responsive Grid.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/Bv10WfCvnxWv8IR8_TC-9yXYkmH1FrQC_Fh-3ON-cTHFVyPXQIrJFIMx-4waK4jyl6ZMUrXyiu-zP5jAIUixcVwOKbUJTEwWUDCwMmWqR8SN34Okn45BfVlwL5wmTT-fp5xCtqtFbzWdVQIrOZNVtnY\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: Update the copy and Data Value.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/ccUpQiyIZnSvjBSAsTeZdVkr74IvYnOX7UwLJYWl-xFjD58l88u7V2-V0k4EJjgJA0JG_ZMfqG8EW3QMchg3f2b418X_KK9Fp_Zfbl9VuolRcXcO0atJ0Vya-5nD57GMii_3j0ogTX4XdE_oB3RnPJI\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Additional form input<\/strong><\/h3>\n\n\n\n<p>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\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/MPccKADGz5PS5duKYU93rue7Fp7MiA5PSMBTh8zHgd6NE5-hdTkMVbHdMMaoQwRupLWVz168oWdY53LqR4D7ZTxFCnsUp-3E9b4vuFgToSWazX6pn7dCbETq6Zlmj3k9jOCDeKEkxu0dEpdlcby2DYE\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 2: Update the label copy.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/u0zsvLu1cqNlVExmI_WXuc-TLDcmjl77MMn8zLmlGTW0_ELtdMCjd6DfzYl-F5b6DdrzlhwnmCPBXePFjLazLHwC22NRDzQTIl5SaflscIzOg9gWRyn3t3atgXo3dpON7OLJZE78gkA0J2peh2M57S4\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/eeODUc1_YjkCv7H76Qy7UzyIc9TQEuW8WQ_C--jqg9Fyq096hkkWGzIQAoOzKRJNimcbx-E-f90B9m9yDjoeQjQCSy3jMSemeHY-xsJ4HdMamG8anRMcgeESDhFJjays2vgjcZuwd9VVY1ot77r7e2o\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flow<\/strong><\/h3>\n\n\n\n<p>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\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/k_PojjqNy-8pxOcfqHYPwO5PQeprKBjsw295VyKL9fTEiHBzN_pqhMkXi4y_3Reqm-AvU_IxFZmc8uYyfkYWgZJwQPawy_-lu_M2rxqG_qFqQBvuPvwc6sjBAP6AoAQkckix3wdvh-E3Jfd9bCxpGok\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/y0ZRmq1_bZqUDZqFBBO4wHtya72uD5KOW7zPXvF6f8usQnrEIHbJOKlXRam_hZD2Jd60RzB7CthmyjofYqVIC2AUDs9jfu5jkOW6FFjIrz_JKqU0Hne24h9HaGnla6dOdEZ6A7Ftk7HjckG4x4xDCk0\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/PBdWzko1WMLWbLVBMjbSb8LVrdpANFml3U8_9YR-2OmBDmLwsd2L31H6GY-nBPT2DSY_c4ouosSo9quHWjxYEU3UKD4xrxnHB7kpHqyu_UvydMDx_pez5RuQN7TPaK_qELwZWlMKAGP6i3BN00hsZd8\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/0nCV_Vzt9YuhQMEuyRjkJJ7vKr6nTfAnTFhvpqB_1eSYMnm-49GnhB-Bfv9Pgi8qEdhT2JmQ-mqRgeM3AIBHPz2ARZxvFBE_xbXAQ745nDxxpj0ZrV9DBjeR0o_MpVmgconhtZ7cYHMg8wICGMnui50\" alt=\"\"\/><\/figure>\n\n\n\n<p>Step 5: Navigate to the +Behaviors panel, under Behaviors in Flow, select Next.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/EuNf-X4I1ddVtvTmzHg25H2gVIfULl6soSEAn67JE0Tr1YxVQxyBgZbV90_y4KTXdc4QIk7H7m0U78uxcDSRqPGtl6VQv9aD_K0Sq7AOdHz9YXCrgr_pUIUG7tFkiAjBj2IktInsRH82rSwlmP5ydjs\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Progress Bar<\/strong><\/h3>\n\n\n\n<p>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\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/NlZ0xpSjsw0VZJoozZvh-BF-deGSsvNuFVfP2qRKxPJ7IVORphC_9ZpVl0k54oKGEK5OEUG4uSXZmuObmEzIuenMWVPhwo8qRPHNeQkf-UY_yiuCMPyttmNvOGK1129RDaZETAHGTC5t8XBimsi1SOA\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/qfy4xk57Obrasrb7uqwG-hZwGwQDA9cVDY8ytBz4Co6hd0M72YGY9M_tBNMSAK6zV71jksCEfGPslp0-Mz-BDu1tB0QW9AGHwK2kZNQpSdk316ads-HREIzwGQb_LoA6m3GQROPsSlyLuZZYh-mQA1U\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Resource image<\/strong><\/h3>\n\n\n\n<p>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\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/5MHBvZCUTSCtqhOAaM7hczuV2gOsc_P2a520MkHWshDpgn5TE8qi1hxmhApKeUy6lh2aHacudGuNZyPg7E4n9QGN5NtalD0fa7ZjFrMsGc37Bxj9FvJVWteIdFb55tiG0nd5R-DUDGECgwmOk4H276g\" alt=\"\"\/><\/figure>\n\n\n\n<p>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<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/eB0qbHxYoBuTsHwrgS__i8NtfPFeLlv6flKHTI0Z1LJm45VS6GpwkrU3uh8soZvBnALfMQVF7zEjC46UbDJplXaUtNe3Dk8weIYfPs5J_f1GH9snk9p56aFkiBE9xJNeXx9aA6q3fasow6vrJn1XGys\" 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\/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>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\/assessment-with-benchmark-results\/\">Assessment with Benchmark Results<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/3-quizzes-with-grades\/\">3 Quizzes with Grades<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.com\/gallery\/crawl-walk-run-fly\/\">Crawl-Walk-Run-Fly Assessment<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/rockcontent.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>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}]}}