{"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":"2024-09-24T10:06:19","modified_gmt":"2024-09-24T09:06:19","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 are a handy feature you can add to any slide in your content.&nbsp;<\/p>\n\n\n\n<p>Interactive links direct learners to <strong>additional slides<\/strong> that are not part of the main course flow, allowing you to include extra information without disrupting the primary learning path.<\/p>\n\n\n\n<p>Upon clicking an interactive link, an additional slide opens either as a text box under the link, a modal window or in a full screen mode. Here\u2019s a short clip with the examples:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1064\" style=\"aspect-ratio: 1402 \/ 1064;\" width=\"1402\" controls src=\"https:\/\/www.jollydeck.com\/academy\/wp-content\/uploads\/2024\/07\/07-What-are-interactive-links-and-how-do-I-create-them_video1_slide-types.mp4\"><\/video><\/figure>\n\n\n\n<p>There are two options for adding links to additional slides:<\/p>\n\n\n\n<p><strong>A: Link to an <\/strong><strong>existing<\/strong><strong> additional slide<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>+Add element<\/strong><\/li>\n\n\n\n<li>Drag and drop the <strong>Link <\/strong>element onto the slide<\/li>\n\n\n\n<li>In the pop-up, stay on the first tab, <strong>Link to additional slide<\/strong>, and select the slide you want to link to.&nbsp;<\/li>\n\n\n\n<li>Click <strong>Confirm<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Lastly, adjust the design of the link to your liking.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1064\" style=\"aspect-ratio: 1664 \/ 1064;\" width=\"1664\" controls src=\"https:\/\/www.jollydeck.com\/academy\/wp-content\/uploads\/2024\/07\/07-What-are-interactive-links-and-how-do-I-create-them_video2_adding-existing-slide.mp4\"><\/video><\/figure>\n\n\n\n<p><strong>B: Link to a <\/strong><strong>new<\/strong><strong> additional slide<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>+Add element<\/strong><\/li>\n\n\n\n<li>Drag and drop the <strong>Link <\/strong>element onto the slide<\/li>\n\n\n\n<li>In the pop-up, stay on the first tab, <strong>Link to additional slide<\/strong>, and select the option <strong>New additional slide<\/strong> to create a new one.<\/li>\n\n\n\n<li>Choose how you&#8217;d like the slide to open:\n<ul class=\"wp-block-list\">\n<li>in a box under the link,<\/li>\n\n\n\n<li>in a modal window, or<\/li>\n\n\n\n<li>in full screen mode.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Confirm<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Next, you pick a <strong>slide template <\/strong>for your new additional slide and <strong>Confirm <\/strong>the selection.<\/li>\n\n\n\n<li>Click on the new additional slide in the content structure list and equip it with your information.<\/li>\n\n\n\n<li>Once you are done designing your new slide, return to the slide with the interactive link.<\/li>\n<\/ol>\n\n\n\n<p>Lastly, adjust the design of the link to your liking.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1064\" style=\"aspect-ratio: 1664 \/ 1064;\" width=\"1664\" controls src=\"https:\/\/www.jollydeck.com\/academy\/wp-content\/uploads\/2024\/07\/07-What-are-interactive-links-and-how-do-I-create-them_video3_adding-new-slide.mp4\"><\/video><\/figure>\n\n\n\n<p><em>Pro-tip:<\/em><\/p>\n\n\n\n<p><em>To speed up your content creation, you can copy and paste interactive links. This way, you retain the original link design and only need to update the target slide for the new link.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1064\" style=\"aspect-ratio: 1692 \/ 1064;\" width=\"1692\" controls src=\"https:\/\/www.jollydeck.com\/academy\/wp-content\/uploads\/2024\/07\/07-What-are-interactive-links-and-how-do-I-create-them_video4_copypaste.mp4\"><\/video><\/figure>\n\n\n\n<p>Related resources:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/demo.jollydeck.com\/trial\/world-of-interactivity\/\" target=\"_blank\" rel=\"noreferrer noopener\">Quick guide: The world of interactivity<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.jollydeck.com\/academy\/creating-content\/how-do-i-create-interactive-questions-and-rich-media\/\" target=\"_blank\" rel=\"noreferrer noopener\">How do I create interactive questions and rich media?<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive links are a handy feature you can add to any slide in your content.&nbsp; Interactive links direct learners to additional slides that are not part of the main course flow, allowing you to include extra information without disrupting the &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":3,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/6067\/revisions"}],"predecessor-version":[{"id":6552,"href":"https:\/\/www.jollydeck.com\/academy\/wp-json\/wp\/v2\/pages\/6067\/revisions\/6552"}],"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}]}}