{"id":4478,"date":"2022-05-12T06:41:19","date_gmt":"2022-05-12T06:41:19","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=4478"},"modified":"2025-12-10T18:50:56","modified_gmt":"2025-12-10T18:50:56","slug":"how-to-use-the-interactive-case-study-template","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/how-to-use-the-interactive-case-study-template\/","title":{"rendered":"How to use the Interactive Case Study Template"},"content":{"rendered":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0;\"><iframe src=\"https:\/\/www.loom.com\/embed\/05e100952c4c416b986c186c2e359e4a?sid=9294f8c3-d5bc-4273-bdd1-9257951bc615\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/iframe><\/div>\n\n\n\n<p class=\"\">The <a href=\"https:\/\/ioninteractive.com\/gallery\/interactive-case-study\/\">Interactive Case Study<\/a> is a low complexity, standard experience. This template is excellent for changing a static piece of content into an engaging interactive experience. With unique animations, reveals and flows, this template presents information in a simple and easily digestible manner. When visitors reach the end of the experience, they are presented with 2 call to action options.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\">Type: White Paper<\/li>\n\n\n\n<li class=\"\">Complexity: Low<\/li>\n\n\n\n<li class=\"\">Use case: Engagement<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Features available<\/h2>\n\n\n\n<p class=\"\">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 class=\"\">Animations<\/li>\n\n\n\n<li class=\"\">Custom Code<\/li>\n\n\n\n<li class=\"\">Flow<\/li>\n\n\n\n<li class=\"\">Reveal<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How-to use<\/h2>\n\n\n\n<p class=\"\">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<h3 class=\"wp-block-heading\"><strong>Animations<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: To edit or to add an animation, first select the element you want to animate on the canvas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-1-min-1024x576.png\" alt=\"\" class=\"wp-image-8287\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-1-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-1-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-1-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-1-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-1-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Under the <strong>Animations <\/strong>panel, expand the <strong>(trigger) <\/strong>dropdown, and select the animation trigger.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-2-min-1024x576.png\" alt=\"\" class=\"wp-image-8289\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-2-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-2-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-2-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-2-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-2-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 3: After selecting the animation trigger, another <strong>(choose) <\/strong>dropdown will appear. Expand the second dropdown to select the type of animation you want to apply.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-3-min-1024x576.png\" alt=\"\" class=\"wp-image-8291\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-3-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-3-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-3-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-3-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-3-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 4: To remove an existing animation, click on the <strong>X<\/strong> to the right of the blue animation tag.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-4-min-1024x576.png\" alt=\"\" class=\"wp-image-8292\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-4-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-4-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-4-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-4-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Animation-4-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Custom Code<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: To adjust the odometer values, first locate the odometer <strong>Text<\/strong> element on the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-min-1024x576.png\" alt=\"\" class=\"wp-image-8293\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Click into the text element to open the edit window.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-2-min-1024x576.png\" alt=\"\" class=\"wp-image-8294\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-2-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-2-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-2-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-2-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-2-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 3: In the edit window, click on the <strong>Standard Text <\/strong>tab to open the odometer settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-3-min-1024x576.png\" alt=\"\" class=\"wp-image-8297\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-3-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-3-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-3-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-3-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-3-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 4: To adjust the starting value, change the number within the \u201c \u201c in the following line of code: <strong>data-prev=&#8221;0&#8243;.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-4-min-1024x576.png\" alt=\"\" class=\"wp-image-8296\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-4-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-4-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-4-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-4-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-4-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 5: To adjust the end value, change the number within the \u201c \u201c in the following line of code: <strong>data-val=&#8221;12&#8243; <\/strong>then press <strong>OK <\/strong>to save. *Please note that the odometer will only display in preview and on the live page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-5-min-1024x576.png\" alt=\"\" class=\"wp-image-8299\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-5-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-5-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-5-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-5-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Custom-Code-5-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flow<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: To update the content within your <strong>Flow<\/strong>, begin by selecting it on the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Flow-1-min-1024x576.png\" alt=\"\" class=\"wp-image-8302\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Flow-1-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Flow-1-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Flow-1-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Flow-1-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Flow-1-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Within the<strong> Flow<\/strong>, locate the first<strong> Flow Step<\/strong> at the top. You can edit the contents within the container, add content, or remove all of the content from the <strong>Flow Step<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/FLow-2-min-1024x576.png\" alt=\"\" class=\"wp-image-8303\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/FLow-2-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/FLow-2-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/FLow-2-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/FLow-2-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/FLow-2-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Reveal<\/strong><\/h3>\n\n\n\n<p class=\"\">Step 1: To edit when the reveal container will appear, first select the <strong>Reveal <\/strong>element on the canvas.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-1-min-1024x576.png\" alt=\"\" class=\"wp-image-8305\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-1-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-1-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-1-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-1-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-1-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"\">Step 2: Under the <strong>Variables <\/strong>panel, you can choose to change the <strong>Reveal type <\/strong>and when the reveal will appear by selecting from the options listed.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-2-min-1024x576.png\" alt=\"\" class=\"wp-image-8307\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-2-min-1024x576.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-2-min-300x169.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-2-min-768x432.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-2-min-1536x864.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2022\/05\/Reveal-2-min.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Content Writing Template<\/h2>\n\n\n\n<p class=\"\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1F9Q5P6JwGqClIeK4xTqs0O_bhRLm0nTg\/edit?gid=959940269#gid=959940269\">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=\"\">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 class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/saas-landing-page\/\">SaaS Landing Page<\/a><\/li>\n\n\n\n<li class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/corporate-report\/\">Corporate Report<\/a><\/li>\n\n\n\n<li class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/interactive-toolkit\/\">Interactive Toolkit<\/a><\/li>\n\n\n\n<li class=\"\"><a href=\"https:\/\/ioninteractive.com\/gallery\/gated-white-paper\/\">Gated White Paper<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p class=\"\">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 Interactive Case Study is a low complexity, standard experience. This template is excellent for changing a static piece of content into an engaging interactive experience. With unique animations, reveals and flows, this template [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":5895,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-4478","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\/4478","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=4478"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/4478\/revisions"}],"predecessor-version":[{"id":8308,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/4478\/revisions\/8308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5895"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=4478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=4478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=4478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}