{"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\/ms\/docs\/add-hotspot-interaction-elements\/","title":{"rendered":"Tambah Elemen Interaksi Hotspot"},"content":{"rendered":"<p>Elemen interaksi tempat liputan ialah butang interaktif dinamik pada imej atau grafik yang mendedahkan lebih banyak maklumat atau mencetuskan tindakan. Mereka biasanya diwakili dengan ikon atau simbol dan boleh meningkatkan penglibatan pengguna, menjadikan kandungan lebih menarik dan terfokus.<\/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 dan ke atas boleh menambah hotspot.<\/p>\n\n\n\n<p>Seterusnya, mari kita lihat cara menambah elemen interaksi tempat liputan pada buku flip.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>klik <strong>[Unsur]<\/strong> dalam bar alat sisi -&gt; <strong>[Hotspot \u2013 Lagi]<\/strong> atau klik <strong>[Lagi]<\/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>Pilih mana-mana gaya tempat liputan untuk menambahkannya pada kanvas. Selepas menambahkannya pada kanvas, anda boleh menetapkan kelajuan kesannya, lebar lejang, warna dan sifat lain dalam panel sifat.<\/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=\"tambah-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>Seterusnya, anda boleh menambah tindakan pencetus padanya. Untuk butiran tentang menambah tindakan pencetus, sila rujuk: <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>[Pratonton tindakan pencetus]<\/strong> atau <strong>[Pratonton]<\/strong> untuk melihat kesannya.<\/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>Istilah berkaitan artikel:<\/strong><br>elemen interaktif, kandungan interaktif, grafik interaktif, tempat liputan, kawasan boleh klik, tindakan pencetus, maklumat pop timbul, penglibatan pengguna, ikon boleh klik, elemen hiperpautan, reka bentuk interaktif, interaktiviti, maklumat petua alat<\/p>","protected":false},"excerpt":{"rendered":"<p>Elemen interaksi tempat liputan ialah butang interaktif dinamik pada imej atau grafik yang mendedahkan lebih banyak maklumat atau mencetuskan tindakan. Mereka biasanya diwakili dengan ikon atau simbol dan boleh meningkatkan penglibatan pengguna, menjadikan kandungan lebih menarik dan terfokus. \u258eNota: Hanya pengguna Versi Platinum dan ke atas boleh menambah hotspot. Seterusnya, mari kita lihat cara menambah elemen interaksi tempat liputan pada buku flip. Istilah berkaitan artikel:elemen interaktif, kandungan interaktif, grafik interaktif, tempat liputan, kawasan boleh klik, tindakan pencetus, maklumat timbul, penglibatan pengguna, boleh diklik [\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":"12856","reactions":{"happy":"1","normal":"1","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/ms\/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=\"ms_MY\" \/>\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\/ms\/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\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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":"ms_MY","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\/ms\/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":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/pt\/docs\/add-hotspot-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@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":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@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\/ms\/wp-json\/wp\/v2\/docs\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3119\/revisions"}],"predecessor-version":[{"id":6692,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3119\/revisions\/6692"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3119"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}