{"id":7493,"date":"2026-04-22T20:49:51","date_gmt":"2026-04-22T19:49:51","guid":{"rendered":"https:\/\/www.jollydeck.com\/academy\/?page_id=7493"},"modified":"2026-04-23T09:17:12","modified_gmt":"2026-04-23T08:17:12","slug":"interactive-links-adding-optional-paths-to-your-course-flow","status":"publish","type":"page","link":"https:\/\/www.jollydeck.com\/academy\/creating-content\/interactive-links-adding-optional-paths-to-your-course-flow\/","title":{"rendered":"Interactive links: Adding optional paths to your course flow\u00a0"},"content":{"rendered":"\n<p>Interactive links let you connect your main learning flow with additional slides that sit outside of it. These additional slides aren\u2019t part of the main course flow. They only appear when a learner chooses to open them.<\/p>\n\n\n\n<p>In practice, this means you can keep your main path focused while still offering learners a way to explore extra details, examples, or context whenever they need it.<\/p>\n\n\n\n<div class=\"wp-block-group highlight-special\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><strong>Think of interactive links as \u201cside paths\u201d that branch off from your main course and bring learners back when they\u2019re done.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<iframe \n  width=\"100%\" \n  style=\"aspect-ratio: 16 \/ 9;\"\nsrc=\"https:\/\/learn.jollydeck.com\/app\/standalone\/34511bcfbebbf12f39fbbd5cfed424889449f45001ca38bd13d8ce3a8844d34a088cbd0171f2481f70a213c6af3ad3cf69890e440df0bde39a97f1abd659a567ed41237ef1a68e9a760c5175a5139d22b2517dce032e4997777e631510e0571a889c1f4f\/course\/54168\/7983\/?noui#unit=99394\" \n  title=\"AI generated video\" \n  frameborder=\"0\" \n  allowfullscreen class=\"iframeShadowExtra\">\n<\/iframe>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Why use interactive links?<\/h2>\n\n\n\n<p>Interactive links help you design courses that feel <strong>clearer <\/strong>and <strong>more flexible for learners<\/strong>.<\/p>\n\n\n\n<p>Instead of pushing every piece of information into a single linear path, you can <strong>keep the main flow focused<\/strong> on what really matters and move supporting content into optional slides.<\/p>\n\n\n\n<p>This way, learners aren\u2019t overwhelmed with information upfront. They can <strong>choose when to go deeper<\/strong> while still moving smoothly through the core material.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Keep your main flow clean and focused<\/h3>\n\n\n\n<p>Not every detail needs to be part of the main path. Interactive links let you move explanations, examples, or context into separate slides so your core content stays clear and easy to follow.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Offer extra detail for those who want more<\/h3>\n\n\n\n<p>\u2026without overwhelming everyone else. Some learners want more depth, others don\u2019t. With interactive links, you can provide optional deep dives without slowing down the overall course. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create branching learning paths<\/h3>\n\n\n\n<p>You can guide learners to different slides based on interest or need\u2014for example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>based on their role or department in the company<\/li>\n\n\n\n<li>beginner vs advanced explanations<\/li>\n\n\n\n<li>extra examples vs summary<\/li>\n\n\n\n<li>\u201clearn more\u201d paths<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Make content easier to navigate<\/h3>\n\n\n\n<p>Instead of long, dense slides, you can break content into smaller parts and connect them only when relevant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improve engagement through choice<\/h3>\n\n\n\n<p>Giving learners control over what they explore helps make the experience feel more active and less linear.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Types of interactive links<\/h2>\n\n\n\n<p>Interactive links can open additional content in different ways, depending on how much <strong>attention <\/strong>or <strong>space <\/strong>that content needs.<\/p>\n\n\n\n<p>Choosing the right type helps you keep the <strong>learning experience smooth and intentional<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Inline (in-slide expansion)<\/h3>\n\n\n\n<p>Inline links open content directly within the current slide (in a box under the link).<br>Use this when the extra information is:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>short and lightweight,<\/li>\n\n\n\n<li>closely related to the main point,<\/li>\n\n\n\n<li>something learners may want to skim quickly.<\/li>\n<\/ul>\n\n\n\n<p><strong>Inline links are best for quick definitions, short examples, or clarifications.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modal (popup window)<\/h3>\n\n\n\n<p>Modal links open content in a focused pop-up on top of the slide.<br>Use this when the content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>deserves attention but shouldn\u2019t interrupt the flow,<\/li>\n\n\n\n<li>is more detailed, but still optional,<\/li>\n\n\n\n<li>works well as a \u201clearn more\u201d layer.<\/li>\n<\/ul>\n\n\n\n<p><strong>Modal links work best for longer explanations, examples, and supporting context.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Full screen<\/h3>\n\n\n\n<p>Full screen links open a completely separate view for deeper exploration.<br>Use this when the content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>is substantial or complex<\/li>\n\n\n\n<li>feels like a \u201cmini lesson\u201d on its own<\/li>\n\n\n\n<li>benefits from full attention without distractions<\/li>\n<\/ul>\n\n\n\n<p><strong>Full screen is best for deep dives, extended examples, or scenario-based content.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-default\"\/>\n\n\n\n<p><strong>If you\u2019re unsure which link type to use, a simple rule of thumb is:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>If it\u2019s quick and supportive, go for inline.<\/strong><\/li>\n\n\n\n<li><strong>If it\u2019s important but optional, use a modal.<\/strong><\/li>\n\n\n\n<li><strong>If it\u2019s a full topic on its own, choose full screen.<\/strong><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to create interactive links<\/h2>\n\n\n\n<p>Adding an interactive link is as easy as adding any other element to a slide in JollyDeck.<\/p>\n\n\n\n<p>First, you add the link element. Then you choose how it should open\u2014inline, in a modal, or in full screen. Finally, you select which additional slide it should lead to, either an existing one or a new one.<\/p>\n\n\n\n<p>For a step-by-step guide, check the video below.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<iframe \n  width=\"100%\" \n  style=\"aspect-ratio: 16 \/ 9;\"\nsrc=\"https:\/\/learn.jollydeck.com\/app\/standalone\/34511bcfbebbf12f39fbbd5cfed424889449f45001ca38bd13d8ce3a8844d34a088cbd0171f2481f70a213c6af3ad3cf69890e440df0bde39a97f1abd659a567ed41237ef1a68e9a760c5175a5139d22b2517dce032e4997777e631510e0571a889c1f4f\/course\/54168\/7983\/?noui#unit=99346\" \n  title=\"AI generated video\" \n  frameborder=\"0\" \n  allowfullscreen class=\"iframeShadowExtra\">\n<\/iframe>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Best practices for using interactive links: Do\u2019s and Don\u2019ts<\/h2>\n\n\n\n<p>Interactive links work best when they support the learning flow rather than overshadow it.<\/p>\n\n\n\n<p>A good rule is to keep your main path focused on essential content and <strong>use links only for information that is helpful but not required<\/strong> to understand the core topic.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Do:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use links to extend learning, not interrupt it: e.g. add optional examples or case studies for deeper understanding<\/li>\n\n\n\n<li>Think in terms of learner curiosity: what might they want to explore next?<\/li>\n\n\n\n<li>Keep link titles clear and action-oriented: e.g. \u201cSee example\u201d, \u201cExplore case study\u201d<\/li>\n\n\n\n<li>Be consistent in how you use interactive links across the course: use the same interaction type for similar content, such as modals for case studies<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Don\u2019t<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Don\u2019t overuse links: avoid turning the course into a \u201cmaze\u201d of branching paths where everything is clickable<\/li>\n\n\n\n<li>Don\u2019t rely on links to fix unclear or incomplete content: links should extend understanding, not compensate for missing explanations in the main slide<\/li>\n\n\n\n<li>Don\u2019t hide essential information behind links: key concepts should always be visible in the main learning flow<\/li>\n\n\n\n<li>Don\u2019t treat interactive links as decoration: every link should have a clear learning purpose and add value to the experience<\/li>\n<\/ul>\n\n\n\n<p>A clear main flow, supported by a small number of well-placed interactive links, usually creates the best learning experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive links let you connect your main learning flow with additional slides that sit outside of it. These additional slides aren\u2019t part of the main course flow. They only appear when a learner chooses to open them. In practice, this &hellip; <a href=\"https:\/\/www.jollydeck.com\/academy\/creating-content\/interactive-links-adding-optional-paths-to-your-course-flow\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"parent":5962,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"loop-academy-entry.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7493","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/7493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/comments?post=7493"}],"version-history":[{"count":2,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/7493\/revisions"}],"predecessor-version":[{"id":7520,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/7493\/revisions\/7520"}],"up":[{"embeddable":true,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/5962"}],"wp:attachment":[{"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/media?parent=7493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}