{"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\/nl\/docs\/add-hotspot-interaction-elements\/","title":{"rendered":"Hotspot-interactie-elementen toevoegen"},"content":{"rendered":"<p>Hotspot-interactie-elementen zijn dynamische interactieve knoppen op afbeeldingen of afbeeldingen die meer informatie onthullen of acties activeren. Ze worden meestal weergegeven met pictogrammen of symbolen en kunnen de betrokkenheid van gebruikers vergroten, waardoor inhoud aantrekkelijker en gerichter wordt.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Opmerking:<\/strong>&nbsp;Alleen gebruikers van de Platinum-versie en hoger kunnen hotspots toevoegen.<\/p>\n\n\n\n<p>Laten we vervolgens kijken hoe we een hotspot-interactie-element aan de flipbook kunnen toevoegen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik <strong>[Elementen]<\/strong> in de zijwerkbalk -&gt; <strong>[Hotspot \u2013 Meer]<\/strong> of klik <strong>[Meer]<\/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>Selecteer een van de stijlen van de hotspot om deze aan het canvas toe te voegen. Nadat u het aan het canvas hebt toegevoegd, kunt u de snelheid van het effect, de streekbreedte, de kleur en andere eigenschappen instellen in het eigenschappenvenster.<\/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>Vervolgens kunt u er triggeracties aan toevoegen. Raadpleeg voor meer informatie over het toevoegen van triggeracties: <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>Klik <strong>[Voorbeeld van triggeracties]<\/strong> of <strong>[Voorbeeld]<\/strong> om een voorbeeld van het effect te bekijken.<\/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>Artikelgerelateerde termen:<\/strong><br>interactieve elementen, interactieve inhoud, interactieve afbeeldingen, hotspots, klikbaar gebied, triggeractie, pop-upinfo, gebruikersbetrokkenheid, klikbare pictogrammen, elementen met hyperlinks, interactief ontwerp, interactiviteit, tooltip-informatie<\/p>","protected":false},"excerpt":{"rendered":"<p>Hotspot-interactie-elementen zijn dynamische interactieve knoppen op afbeeldingen of grafische afbeeldingen die meer informatie onthullen of acties activeren. Ze worden meestal weergegeven met pictogrammen of symbolen en kunnen de betrokkenheid van gebruikers vergroten, waardoor de inhoud aantrekkelijker en doelgerichter wordt. \u258eOpmerking: alleen gebruikers van de Platinum-versie en hoger kunnen hotspots toevoegen. Laten we vervolgens kijken hoe we een hotspot-interactie-element aan het flipbook kunnen toevoegen. Artikelgerelateerde termen:interactieve elementen, interactieve inhoud, interactieve afbeeldingen, hotspots, klikbaar gebied, triggeractie, pop-upinfo, gebruikersbetrokkenheid, klikbare [\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":"12769","reactions":{"happy":"1","normal":"1","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/nl\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/nl\/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=\"nl_NL\" \/>\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\/nl\/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=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\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\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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":"nl_NL","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\/nl\/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":{"Geschatte leestijd":"2 minuten"},"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":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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\/nl\/wp-json\/wp\/v2\/docs\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/docs\/3119\/revisions"}],"predecessor-version":[{"id":6692,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/docs\/3119\/revisions\/6692"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/doc_category?post=3119"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}