{"id":3789,"date":"2015-09-03T11:00:00","date_gmt":"2015-09-03T15:00:00","guid":{"rendered":"http:\/\/blog.tlsrv.net\/three-best-ways-to-indicate-your-image-is-interactive\/"},"modified":"2022-12-01T08:22:55","modified_gmt":"2022-12-01T12:22:55","slug":"three-best-ways-to-indicate-your-image-is-interactive","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/three-best-ways-to-indicate-your-image-is-interactive\/","title":{"rendered":"Three Best Ways to Indicate Your Image is Interactive"},"content":{"rendered":"<div>\n<p>After enhancing your images with interactive tags through ThingLink, your media takes on a whole new functionality for your viewers. They have access to information, actionable items, and additional media, but your viewers may not be used to mousing over images to find the interactivity. What\u2019s the best way to show that they can engage with your media?\u00a0<\/p>\n<p>\u00a0<\/p>\n<\/div>\n<p><!--more--><\/p>\n<hr>\n<p>\u00a0<\/p>\n<h2>Solution 1:\u00a0Use a visual prompt<\/h2>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/685137335565680640\" width=\"600\" height=\"404\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong><a href=\"http:\/\/motor.ru\/articles\/2015\/08\/04\/hoverboard\/\">via Motor.ru, The Laws of Levitation<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">In this captivating article from Motor Russia they use their own custom logo to indicate interactivity. Edited into their images before tagging, the small yellow hand simply indicates that viewers should hover over the image in order to interact with the additional content. On the live image, you\u2019ll notice that they are using pinned icons. This means that the icons show on the image whether readers mouse over or not, so users are more likely to notice the tags and therefore interact with them.<\/span><\/p>\n<h2>Solution 2: Just tell them!<\/h2>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/627138949122359296\" width=\"600\" height=\"684\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong><a href=\"http:\/\/www.europapress.es\/economia\/noticia-nuevo-billete-20-euros-galeria-imagenes-20150224163035.html\">via Europa Press, Im\u00e1genes del nuevo billete de 20 euros con &#8216;portrait window&#8217;<\/a><\/strong><\/p>\n<p>Europa Press takes the indication one step further! Not only do they have a their own icon to suggest interactivity, they spell it out for their readers. \u201cPasa por los iconos para conocer las novedades\u201d or, \u201cgo through the icons for updates.\u201d With an inconspicuous note, readers know exactly what to do and get the full ThingLink experience. This color coordinated image explains the security features of the upcoming new 20 euro bill.<\/p>\n<h2>Solution\u00a03:\u00a0Use an actionable icon<\/h2>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/688409041667358720\" width=\"600\" height=\"339\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong><a href=\"http:\/\/blog.jensonusa.com\/the-road-trip-to-moab-part-2\/\"><span style=\"font-weight: 400;\">via JensonUSA, Road Trip to Moab: Part 2<\/span><\/a><\/strong><\/p>\n<p>JensonUSA takes what is perhaps the easiest route to implement. They use a mouse icon in the upper left of their image that has text instructing their users to click\/hover for more information. This method requires no custom graphics, just an additional tag! English readers will naturally look to the upper left at first, so this is a great way to get their attention and teach them how to interact with the media you\u2019ve created. \u00a0<\/p>\n<hr>\n<h3><strong>How to do this with your own images<\/strong><\/h3>\n<p>Adding a custom logo or instructional text can easily be accomplished by any of our users! Before uploading, use your favorite image editing platform (Photoshop, GIMP, Affinity, etc.) to add a simple text box or hand icon. Or if you have our Pro, Whitelabel, or Premium plans, upload a custom icon to do the job and pin it on your images. Upload custom icons <a href=\"https:\/\/www.thinglink.com\/action\/account#icons\">here<\/a>. They can be up to 140 x 64 pixels.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/cdn2.hubspot.net\/hubfs\/603436\/Screen_Shot_2015-09-02_at_12.38.10_PM.png\" width=\"764\" height=\"365\" style=\"display: block; margin-left: auto; margin-right: auto;\"><\/p>\n<hr>\n<p>Pinned icons are also available to any of our paid users. Find the option under tag styling in the image editor. Just check the \u2018pinned icon\u2019 box before saving your tag. \u00a0<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/cdn2.hubspot.net\/hubfs\/603436\/Screen_Shot_2015-09-02_at_12.57.48_PM.png\" width=\"282\" height=\"323\"><\/p>\n<p>To create an instructional tag like Jenson\u2019s choose whichever icon you think works best (the mouse icon is available with any of our paid plans) and include a short sentence to indicate interactivity. ex: \u201cClick\/hover on on the image for information on _______\u201d<\/p>\n<p>If you&#8217;re not yet familiar with image interactivity (or ThingLink), <a href=\"http:\/\/demo.thinglink.com\/schedule-a-demo\">click here to\u00a0request a demo<\/a>\u00a0and discover how you can harness the true power of interactive images\u00a0in your marketing, branding, and content.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After enhancing your images with interactive tags through ThingLink, your media takes on a whole new functionality for your viewers. They have access to information,&#8230;<\/p>\n","protected":false},"author":6,"featured_media":3790,"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":[491],"tags":[542,460],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3789"}],"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=3789"}],"version-history":[{"count":1,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3789\/revisions"}],"predecessor-version":[{"id":6689,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3789\/revisions\/6689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media\/3790"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=3789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=3789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=3789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}