{"id":3119,"date":"2023-05-05T11:06:42","date_gmt":"2023-05-05T03:06:42","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3119"},"modified":"2024-03-15T09:47:47","modified_gmt":"2024-03-15T01:47:47","password":"","slug":"add-hotspot-interaction-elements","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/fi\/docs\/add-hotspot-interaction-elements\/","title":{"rendered":"Lis\u00e4\u00e4 Hotspot-vuorovaikutuselementtej\u00e4"},"content":{"rendered":"<p>Hotspot-vuorovaikutuselementit ovat dynaamisia interaktiivisia painikkeita kuvissa tai grafiikoissa, jotka paljastavat lis\u00e4tietoja tai k\u00e4ynnist\u00e4v\u00e4t toimintoja. Ne esitet\u00e4\u00e4n yleens\u00e4 kuvakkeilla tai symboleilla, ja ne voivat lis\u00e4t\u00e4 k\u00e4ytt\u00e4jien sitoutumista ja tehd\u00e4 sis\u00e4ll\u00f6st\u00e4 kiinnostavampaa ja keskittyneemp\u00e4\u00e4.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Huomautus:<\/strong>&nbsp;Vain Platinum-version ja sit\u00e4 uudemman version k\u00e4ytt\u00e4j\u00e4t voivat lis\u00e4t\u00e4 hotspotteja.<\/p>\n\n\n\n<p>Katsotaan seuraavaksi, kuinka hotspot-vuorovaikutuselementti lis\u00e4t\u00e4\u00e4n flipbookiin.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klikkaus <strong>[Elementit]<\/strong> sivuty\u00f6kalurivill\u00e4 -&gt; <strong>[Hotspot \u2013 lis\u00e4\u00e4]<\/strong> tai napsauta <strong>[Lis\u00e4\u00e4]<\/strong> -> <strong>[Hotspot]<\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"701\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png\" alt=\"add-hotspot-1\" class=\"wp-image-6688\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1-300x210.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1-768x538.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1-360x252.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Valitse mik\u00e4 tahansa hotspotin tyyleist\u00e4 lis\u00e4t\u00e4ksesi se kankaalle. Kun olet lis\u00e4nnyt sen kankaalle, voit m\u00e4\u00e4ritt\u00e4\u00e4 sen tehosteen nopeuden, viivan leveyden, v\u00e4rin ja muut ominaisuudet ominaisuuspaneelissa.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"590\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-2.png\" alt=\"add-hotspot-2\" class=\"wp-image-6689\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-2.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-2-300x177.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-2-768x453.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-2-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-2-360x212.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Seuraavaksi voit lis\u00e4t\u00e4 siihen laukaisintoimintoja. Katso lis\u00e4tietoja triggertoimintojen lis\u00e4\u00e4misest\u00e4: <a href=\"https:\/\/help.fliphtml5.com\/guides\/getting-started-with-trigger-action-in-the-page-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/help.fliphtml5.com\/guides\/getting-started-with-trigger-action-in-the-page-editor\/<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"578\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-3.png\" alt=\"add-hotspot-3\" class=\"wp-image-6690\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-3.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-3-300x173.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-3-768x444.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-3-18x10.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-hotspot-3-360x208.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klikkaus <strong>[Esikatsele laukaisutoiminnot]<\/strong> tai <strong>[Esikatselu]<\/strong> esikatsellaksesi vaikutusta.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"627\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-4.gif\" alt=\"add-hotspot-4\" class=\"wp-image-6691\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Artikkeliin liittyv\u00e4t termit:<\/strong><br>interaktiiviset elementit, interaktiivinen sis\u00e4lt\u00f6, vuorovaikutteinen grafiikka, hotspotit, napsautettava alue, laukaisutoiminto, ponnahdusikkunatiedot, k\u00e4ytt\u00e4j\u00e4n sitoutuminen, napsautettavat kuvakkeet, hyperlinkkielementit, interaktiivinen suunnittelu, interaktiivisuus, ty\u00f6kaluvinkkitiedot<\/p>","protected":false},"excerpt":{"rendered":"<p>Hotspot-vuorovaikutuselementit ovat dynaamisia interaktiivisia painikkeita kuvissa tai grafiikoissa, jotka paljastavat lis\u00e4tietoja tai k\u00e4ynnist\u00e4v\u00e4t toimintoja. Ne esitet\u00e4\u00e4n yleens\u00e4 kuvakkeilla tai symboleilla, ja ne voivat lis\u00e4t\u00e4 k\u00e4ytt\u00e4jien sitoutumista ja tehd\u00e4 sis\u00e4ll\u00f6st\u00e4 kiinnostavampaa ja keskittyneemp\u00e4\u00e4. \u258eHuomaa: Vain Platinum-version ja sit\u00e4 uudemman version k\u00e4ytt\u00e4j\u00e4t voivat lis\u00e4t\u00e4 yhteyspisteit\u00e4. Katsotaan seuraavaksi, kuinka hotspot-vuorovaikutuselementti lis\u00e4t\u00e4\u00e4n flipbookiin. Artikkeliin liittyv\u00e4t termit: interaktiiviset elementit, interaktiivinen sis\u00e4lt\u00f6, interaktiivinen grafiikka, hotspotit, napsautettava alue, laukaisintoiminto, ponnahdusikkunatiedot, k\u00e4ytt\u00e4jien sitoutuminen, napsautettava [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[86],"doc_tag":[],"class_list":["post-3119","docs","type-docs","status-publish","hentry","doc_category-multimedia"],"year_month":"2026-04","word_count":212,"total_views":"12859","reactions":{"happy":"1","normal":"1","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/fi\/docs-category\/multimedia\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add\u00a0Hotspot\u00a0Interaction\u00a0Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"Hotspot interaction elements are dynamic interactive buttons on images or graphics that reveal more info or trigger actions. They&#8217;re usually represented with icons or symbols and can increase user engagement, making content more engaging and focused. \u258eNote:&nbsp;Only&nbsp;users&nbsp;of&nbsp;the&nbsp;Platinum&nbsp;Version&nbsp;and&nbsp;above&nbsp;can&nbsp;add&nbsp;hotspots. Next,&nbsp;let&#8217;s&nbsp;see&nbsp;how&nbsp;to&nbsp;add&nbsp;a&nbsp;hotspot&nbsp;interaction&nbsp;element&nbsp;to&nbsp;the&nbsp;flipbook. Article-related terms:interactive elements, interactive content, interactive graphics, hotspots, clickable area, trigger action, pop-up info, user engagement, clickable [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/fi\/docs\/add-hotspot-interaction-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T01:47:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\",\"name\":\"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png\",\"datePublished\":\"2023-05-05T03:06:42+00:00\",\"dateModified\":\"2024-03-15T01:47:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fi_FI","og_type":"article","og_title":"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"Hotspot interaction elements are dynamic interactive buttons on images or graphics that reveal more info or trigger actions. They&#8217;re usually represented with icons or symbols and can increase user engagement, making content more engaging and focused. \u258eNote:&nbsp;Only&nbsp;users&nbsp;of&nbsp;the&nbsp;Platinum&nbsp;Version&nbsp;and&nbsp;above&nbsp;can&nbsp;add&nbsp;hotspots. Next,&nbsp;let&#8217;s&nbsp;see&nbsp;how&nbsp;to&nbsp;add&nbsp;a&nbsp;hotspot&nbsp;interaction&nbsp;element&nbsp;to&nbsp;the&nbsp;flipbook. Article-related terms:interactive elements, interactive content, interactive graphics, hotspots, clickable area, trigger action, pop-up info, user engagement, clickable [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/fi\/docs\/add-hotspot-interaction-elements\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T01:47:47+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/","url":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/","name":"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png","datePublished":"2023-05-05T03:06:42+00:00","dateModified":"2024-03-15T01:47:47+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-hotspot-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add\u00a0Hotspot\u00a0Interaction\u00a0Elements"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3119\/revisions"}],"predecessor-version":[{"id":6692,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3119\/revisions\/6692"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=3119"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}