{"id":3316,"date":"2019-10-17T20:49:35","date_gmt":"2019-10-18T00:49:35","guid":{"rendered":"http:\/\/blog.tlsrv.net\/interactive-halloween-map-dertour\/"},"modified":"2023-11-15T11:37:29","modified_gmt":"2023-11-15T11:37:29","slug":"interactive-halloween-map-dertour","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/interactive-halloween-map-dertour\/","title":{"rendered":"Explore a Halloween Theme Park With this Spooky Interactive Map"},"content":{"rendered":"\n<p><span style=\"font-size: 16px;\">BOO! It is Halloween and at the Europa-Park theme park and resort!&nbsp; Seeking to create a stunning, visual experience to bring their website content to life, <span style=\"font-size: 16px;\"><a href=\"https:\/\/www.dertour.de\/reisemagazin\/halloween-im-europa-park\" target=\"_blank\" rel=\"noopener\">DERTOUR<\/a> <\/span>creates an interactive map featuring many great attractions in the theme park that guests can experience. <\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">Interactive content is the ideal solution for communicating, educating, and reeling in your audience within landing pages as we see in this example. Behind every pumpkin hides one of the fantastic Halloween highlights awaiting guests at Europa-Park. Just click through, be amazed &#8211; and with a little luck even win free tickets. Our tip: turn on the sound! <\/span><\/p>\n\n\n\n<section class=\"tl-cta-block\"><h3>Book a free consultation<\/h3><p>If you\u2019d like to learn more about how you can create interactive content like this, schedule a free call with one of our transformation consultants.<\/p><button class=\"tl-button tl-button--white tl-button--small tl-cta-block__button\" data-link=\"https:\/\/calendly.com\/andrew-6\/thinglinkdemo\">Book a free consultation<\/button><\/section>\n\n\n\n<p><iframe loading=\"lazy\" style=\"margin: 0px auto; display: block;\" src=\"https:\/\/www.thinglink.com\/card\/1232668728588500997\" width=\"960\" height=\"480\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\" data-original-width=\"7099\" data-original-height=\"3551\"><\/iframe><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\">Want to create something similar for your editorial and marketing content?&nbsp; <\/span><\/span><\/span><span style=\"font-size: 20px;\"><span style=\"color: #000000;\">Explore some of the tips and new features that were used while creating this memorable interactive experience.&nbsp;<\/span><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><strong>Tag animations<\/strong><\/span><\/span><\/span><\/h2>\n\n\n\n<p>T<span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><span style=\"font-size: 16px;\">ag animations make it easier for viewers to see the icons they are supposed to interact with in your ThingLink. When you open the editor and go to image settings, you will see an option to&nbsp; &#8220;disable animation&#8221;. This makes the icons pulse every 5 seconds. View the map below and notice the pumpkins pulse.&nbsp;<\/span><\/span><\/span><\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/603436\/lTV8lI.gif\" alt=\"lTV8lI\"\/><\/figure>\n\n\n\n<p><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><\/span><\/span><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><strong>Audio within tags<\/strong><\/span><\/span><\/span><\/h2>\n\n\n\n<p><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><span style=\"font-size: 16px;\">You can directly upload mp3 files from your hard drive, or record directly within the editor to add an extra level of immersion within your interactive experience.&nbsp; Click on the pumpkins to hear the spooky sounds accompanying the tags.&nbsp;<\/span><\/span><\/span><\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/603436\/ERezuW.gif\" alt=\"ERezuW\"\/><\/figure>\n\n\n\n<p><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><\/span><\/span><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><strong>Custom icons and colors<\/strong><\/span><\/span><\/span><\/h2>\n\n\n\n<p>Y<span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><span style=\"font-size: 16px;\">ou can customize the look and feel of your tags by setting a color theme within the editor settings.\u00a0 Additionally, custom icons are the perfect way to make your interactive content more attractive, or meet a certain objective.\u00a0 In the map below, DERTOUR uses pumpkin icons since it is a Halloween themed piece of content.\u00a0 Tip: if you are uploading custom icons make sure they are SVG files.\u00a0 We only allow SVG icons because they guarantee a fully responsive user experience on mobile, tablet and desktop when compared to PNG icons.\u00a0 Click <a href=\"https:\/\/support.thinglink.com\/hc\/en-us\/articles\/360024569973-Custom-icons\" target=\"_blank\" rel=\"noopener\">here<\/a> to learn more about uploading custom icons.\u00a0<\/span><\/span><\/span><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><strong>GIFs, GIFs, GIFs!<\/strong><\/span><\/span><\/span><\/h2>\n\n\n\n<p>T<span style=\"font-size: 16px;\"><span style=\"color: #000000;\"><span style=\"font-size: 20px;\"><span style=\"font-size: 16px;\">his is a simple tip, but notice that some of the images within the tags below include subtle motion (a hand coming out of the ground, a spider crawling on a web, and a creepy pumpkin growling).&nbsp;GIFs are a fun and engaging way to bring your interactive content to life and they add a unique dimension.&nbsp;ThingLink supports GIFs within tags, as well as the actual background image file.&nbsp;<\/span><\/span><\/span><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Join the conversation!<\/h2>\n\n\n\n<p>Join our active groups and communities on social media for more inspiration!<\/p>\n\n\n\n<ul>\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/company\/thinglink\" target=\"_blank\">ThingLink LinkedIn Page<\/a> | <a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/groups\/9054683\/\" target=\"_blank\">LinkedIn Community<\/a> <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/twitter.com\/ThingLink\" target=\"_blank\">X \/ Twitter ThingLink Page<\/a> | <a rel=\"noreferrer noopener\" href=\"https:\/\/twitter.com\/ThingLink_EDU\" target=\"_blank\">X \/ Twitter ThingLink Edu Page<\/a> | <a rel=\"noreferrer noopener\" href=\"https:\/\/twitter.com\/i\/communities\/1670006007819280385\" target=\"_blank\">X \/ Twitter Creative Learning Design Community<\/a> <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.facebook.com\/groups\/ThingLinkEducation\" target=\"_blank\">ThingLink Education Facebook Group<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>BOO! It is Halloween and at the Europa-Park theme park and resort!&nbsp; Seeking to create a stunning, visual experience to bring their website content to life,&#8230;<\/p>\n","protected":false},"author":6,"featured_media":8932,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[477,566,567],"tags":[359,238,302,216,289],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3316"}],"collection":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/comments?post=3316"}],"version-history":[{"count":2,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3316\/revisions"}],"predecessor-version":[{"id":8906,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3316\/revisions\/8906"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media\/8932"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=3316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=3316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=3316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}