{"id":6067,"date":"2024-07-22T08:26:07","date_gmt":"2024-07-22T07:26:07","guid":{"rendered":"https:\/\/www.jollydeck.com\/academy\/?page_id=6067"},"modified":"2026-04-22T20:57:51","modified_gmt":"2026-04-22T19:57:51","slug":"what-are-interactive-links-and-how-do-i-create-them","status":"publish","type":"page","link":"https:\/\/www.jollydeck.com\/academy\/creating-content\/what-are-interactive-links-and-how-do-i-create-them\/","title":{"rendered":"What are interactive links and how do I create them?"},"content":{"rendered":"\n<p>Interactive links let you connect your main learning flow with additional slides that sit outside of it.<\/p>\n\n\n\n<p>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<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\n\n\n<iframe \r\n  width=\"100%\" \r\n  style=\"aspect-ratio: 16 \/ 9;\"\r\nsrc=\"https:\/\/learn.jollydeck.com\/app\/standalone\/34511bcfbebbf12f39fbbd5cfed424889449f45001ca38bd13d8ce3a8844d34a088cbd0171f2481f70a213c6af3ad3cf69890e440df0bde39a97f1abd659a567ed41237ef1a68e9a760c5175a5139d22b2517dce032e4997777e631510e0571a889c1f4f\/course\/54168\/7983\/?noui#unit=99394\" \r\n  title=\"AI generated video\" \r\n  frameborder=\"0\" \r\n  allowfullscreen class=\"iframeShadowExtra\">\r\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\">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 \r\n  width=\"100%\" \r\n  style=\"aspect-ratio: 16 \/ 9;\"\r\nsrc=\"https:\/\/learn.jollydeck.com\/app\/standalone\/34511bcfbebbf12f39fbbd5cfed424889449f45001ca38bd13d8ce3a8844d34a088cbd0171f2481f70a213c6af3ad3cf69890e440df0bde39a97f1abd659a567ed41237ef1a68e9a760c5175a5139d22b2517dce032e4997777e631510e0571a889c1f4f\/course\/54168\/7983\/?noui#unit=99346\" \r\n  title=\"AI generated video\" \r\n  frameborder=\"0\" \r\n  allowfullscreen class=\"iframeShadowExtra\">\r\n<\/iframe>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\n\n\n<p>Read more about why to use interactive links in your content and best practices for them:\u00a0<\/p>\n\n\n\n<p><a href=\"https:\/\/www.jollydeck.com\/academy\/creating-content\/interactive-links-adding-optional-paths-to-your-course-flow\/\">Interactive links: Adding optional paths to your course flow\u00a0<\/a><\/p>\n\n\n\n<p><\/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\/what-are-interactive-links-and-how-do-i-create-them\/\">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-6067","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/6067","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=6067"}],"version-history":[{"count":2,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/6067\/revisions"}],"predecessor-version":[{"id":7518,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/6067\/revisions\/7518"}],"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=6067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}