{"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\/id\/docs\/add-hotspot-interaction-elements\/","title":{"rendered":"Tambahkan Elemen Interaksi Hotspot"},"content":{"rendered":"<p>Elemen interaksi hotspot adalah tombol interaktif dinamis pada gambar atau grafik yang mengungkapkan lebih banyak info atau memicu tindakan. Mereka biasanya diwakili dengan ikon atau simbol dan dapat meningkatkan keterlibatan pengguna, membuat konten lebih menarik dan fokus.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan:<\/strong>&nbsp;Hanya pengguna Versi Platinum ke atas yang dapat menambahkan hotspot.<\/p>\n\n\n\n<p>Selanjutnya, mari kita lihat cara menambahkan elemen interaksi hotspot ke flipbook.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik <strong>[Elemen]<\/strong> di bilah alat samping -&gt; <strong>[Hotspot \u2013 Lainnya]<\/strong> atau klik <strong>[Lagi]<\/strong> -> <strong>[titik panas]<\/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=\"tambahkan-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>Pilih salah satu gaya hotspot untuk menambahkannya ke kanvas. Setelah menambahkannya ke kanvas, Anda dapat mengatur kecepatan efeknya, lebar guratan, warna, dan properti lainnya di panel properti.<\/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=\"tambahkan-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>Selanjutnya, Anda dapat menambahkan tindakan pemicu ke dalamnya. Untuk mengetahui detail tentang menambahkan tindakan pemicu, lihat: <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=\"tambahkan-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>[Pratinjau tindakan pemicu]<\/strong> atau <strong>[Pratinjau]<\/strong> untuk melihat pratinjau efeknya.<\/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=\"tambahkan-hotspot-4\" class=\"wp-image-6691\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah terkait artikel:<\/strong><br>elemen interaktif, konten interaktif, grafik interaktif, hotspot, area yang dapat diklik, tindakan pemicu, info pop-up, keterlibatan pengguna, ikon yang dapat diklik, elemen hyperlink, desain interaktif, interaktivitas, informasi tooltip<\/p>","protected":false},"excerpt":{"rendered":"<p>Elemen interaksi hotspot adalah tombol interaktif dinamis pada gambar atau grafik yang menampilkan lebih banyak informasi atau memicu tindakan. Mereka biasanya diwakili dengan ikon atau simbol dan dapat meningkatkan keterlibatan pengguna, menjadikan konten lebih menarik dan fokus. \u258eCatatan: Hanya pengguna Versi Platinum ke atas yang dapat menambahkan hotspot. Selanjutnya, mari kita lihat cara menambahkan elemen interaksi hotspot ke flipbook. Istilah terkait artikel: elemen interaktif, konten interaktif, grafik interaktif, hotspot, area yang dapat diklik, tindakan pemicu, info pop-up, keterlibatan pengguna, [\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":"12762","reactions":{"happy":"1","normal":"1","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/id\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/id\/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=\"id_ID\" \/>\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\/id\/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\":\"id-ID\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@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\":\"id-ID\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@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":"id_ID","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\/id\/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":"id-ID","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"id-ID","@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":"id-ID"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"id-ID","@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\/id\/wp-json\/wp\/v2\/docs\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3119\/revisions"}],"predecessor-version":[{"id":6692,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3119\/revisions\/6692"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_category?post=3119"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_tag?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}