{"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\/it\/docs\/add-hotspot-interaction-elements\/","title":{"rendered":"Aggiungi elementi di interazione hotspot"},"content":{"rendered":"<p>Gli elementi di interazione hotspot sono pulsanti interattivi dinamici su immagini o grafici che rivelano pi\u00f9 informazioni o attivano azioni. Di solito sono rappresentati con icone o simboli e possono aumentare il coinvolgimento degli utenti, rendendo i contenuti pi\u00f9 coinvolgenti e mirati.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Nota:<\/strong>&nbsp;Solo gli utenti della versione Platinum e superiore possono aggiungere hotspot.<\/p>\n\n\n\n<p>Successivamente, vediamo come aggiungere un elemento di interazione hotspot al flipbook.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clic <strong>[Elementi]<\/strong> nella barra degli strumenti laterale -&gt; <strong>[Hotspot \u2013 Altro]<\/strong> oppure fare clic <strong>[Di pi\u00f9]<\/strong> -> <strong>[Punto di accesso]<\/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=\"aggiungi-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>Seleziona uno degli stili dell&#039;hotspot per aggiungerlo all&#039;area di disegno. Dopo averlo aggiunto alla tela, puoi impostare la velocit\u00e0 del suo effetto, la larghezza del tratto, il colore e altre propriet\u00e0 nel pannello delle propriet\u00e0.<\/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=\"aggiungi-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>Successivamente, puoi aggiungere azioni trigger ad esso. Per i dettagli sull&#039;aggiunta di azioni trigger, fare riferimento a: <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=\"aggiungi-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>Clic <strong>[Anteprima azioni trigger]<\/strong> O <strong>[Anteprima]<\/strong> per visualizzare in anteprima l&#039;effetto.<\/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=\"aggiungi-hotspot-4\" class=\"wp-image-6691\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Termini relativi all&#039;articolo:<\/strong><br>elementi interattivi, contenuto interattivo, grafica interattiva, hotspot, area selezionabile, azione trigger, informazioni pop-up, coinvolgimento dell&#039;utente, icone selezionabili, elementi con collegamento ipertestuale, design interattivo, interattivit\u00e0, informazioni tooltip<\/p>","protected":false},"excerpt":{"rendered":"<p>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;]<\/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":"12751","reactions":{"happy":"1","normal":"1","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/it\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/it\/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=\"it_IT\" \/>\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\/it\/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=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\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\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@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\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@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":"it_IT","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\/it\/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":{"Tempo di lettura stimato":"2 minuti"},"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":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@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":"it-IT"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@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\/it\/wp-json\/wp\/v2\/docs\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/docs\/3119\/revisions"}],"predecessor-version":[{"id":6692,"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/docs\/3119\/revisions\/6692"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/doc_category?post=3119"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/it\/wp-json\/wp\/v2\/doc_tag?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}