{"id":3257,"date":"2023-05-09T17:12:07","date_gmt":"2023-05-09T09:12:07","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3257"},"modified":"2024-03-15T11:21:11","modified_gmt":"2024-03-15T03:21:11","password":"","slug":"add-button-interaction-elements","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/id\/docs\/add-button-interaction-elements\/","title":{"rendered":"Tambahkan Elemen Interaksi Tombol"},"content":{"rendered":"<p>Menambahkan elemen interaksi tombol ke flipbook dapat meningkatkan interaktivitas antara flipbook dan pembaca. Menggunakan elemen interaksi dapat memungkinkan pengguna untuk secara aktif mengontrol perilaku interaktif di dalam flipbook dan meningkatkan pengalaman membaca pembaca.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan:<\/strong> Hanya pengguna paket Enterprise yang dapat menambahkan tombol.<\/p>\n\n\n\n<p>Selanjutnya, mari kita lihat cara menambahkan elemen interaksi tombol ke flipbook.<\/p>\n\n\n\n<p>Klik <strong>[Tombol]<\/strong> di toolbar samping -&gt; gulir ke bawah roda mouse untuk memilih salah satu gaya tombol dan menambahkannya ke kanvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"664\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png\" alt=\"tambahkan-a-tombol\" class=\"wp-image-6757\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-300x199.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-768x510.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-360x239.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Klik dua kali tombol di kanvas untuk mengubah teks, dan atur properti di panel properti. Anda menyesuaikan ikon, teks, dan warnanya dalam status normal dan beralih, dll.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pemilihan ikon:<\/strong> Ada berbagai jenis ikon untuk dipilih, termasuk umum, bisnis dan gaya hidup, dll.<\/li>\n\n\n\n<li><strong>Warna, ukuran, dan posisi ikon:<\/strong> Anda dapat menyesuaikan warna dan ukuran ikon tombol dan mengatur ikon ke kiri atau kanan tombol.<\/li>\n\n\n\n<li><strong>Latar belakang tombol:<\/strong> Anda dapat mengatur warna latar belakang, jenis goresan, warna goresan, ukuran goresan, dan sudut bulat tombol.<\/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=\"609\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button-1.png\" alt=\"tambahkan-a-tombol-1\" class=\"wp-image-6759\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-1-300x183.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-1-768x468.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-1-360x219.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Setelah mengatur semua properti tombol, Anda dapat menambahkan tindakan pemicu, seperti membuka tautan, membuka jendela, membuka halaman, memutar efek, dll.<\/p>\n\n\n\n<p>Klik tombol -&gt; klik <strong>[Tindakan]<\/strong> di panel properti -&gt; pilih tindakan -&gt; selesaikan pengaturan tindakan.<\/p>\n\n\n\n<p>Untuk informasi lebih lanjut tentang Tindakan Pemicu, silakan merujuk ke: <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><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"672\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button-2-1.png\" alt=\"tambahkan-a-tombol-2\" class=\"wp-image-6761\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-2-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-2-1-300x202.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-2-1-768x516.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-2-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-a-button-2-1-360x242.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah terkait artikel:<\/strong><br>tombol interaktif, tombol khusus, desain tombol, templat tombol, kustomisasi tombol, gaya tombol, opsi tombol, efek tombol, tombol ajakan bertindak, penempatan tombol, elemen interaktif, eBuku interaktif, keterlibatan pengguna, penautan tombol, meningkatkan interaktivitas<\/p>","protected":false},"excerpt":{"rendered":"<p>Menambahkan elemen interaksi tombol ke flipbook dapat meningkatkan interaktivitas antara flipbook dan pembaca. Menggunakan elemen interaksi dapat memungkinkan pengguna untuk secara aktif mengendalikan perilaku interaktif dalam flipbook dan meningkatkan pengalaman membaca pembaca. \u258eCatatan: Hanya pengguna paket Enterprise yang dapat menambahkan tombol. Selanjutnya, mari kita lihat cara menambahkan interaksi tombol [\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-3257","docs","type-docs","status-publish","hentry","doc_category-multimedia"],"year_month":"2026-04","word_count":276,"total_views":"13716","reactions":{"happy":"2","normal":"0","sad":"0"},"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 Button Interaction Elements - 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 Button Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"Adding button interaction elements to flipbooks can increase the interactivity between flipbooks and readers. Using the interaction elements can enable users to actively control the interactive behavior within the flipbook and improve the readers&#8217; reading experience. \u258eNote: Only users of the Enterprise plan can add buttons. Next, let&#8217;s see how to add a button interaction [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/id\/docs\/add-button-interaction-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T03:21:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\",\"name\":\"Add Button Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png\",\"datePublished\":\"2023-05-09T09:12:07+00:00\",\"dateModified\":\"2024-03-15T03:21:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#breadcrumb\"},\"inLanguage\":\"id-ID\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Button Interaction Elements\"}]},{\"@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 Button Interaction Elements - 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 Button Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"Adding button interaction elements to flipbooks can increase the interactivity between flipbooks and readers. Using the interaction elements can enable users to actively control the interactive behavior within the flipbook and improve the readers&#8217; reading experience. \u258eNote: Only users of the Enterprise plan can add buttons. Next, let&#8217;s see how to add a button interaction [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/id\/docs\/add-button-interaction-elements\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T03:21:11+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/","url":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/","name":"Add Button Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png","datePublished":"2023-05-09T09:12:07+00:00","dateModified":"2024-03-15T03:21:11+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#breadcrumb"},"inLanguage":"id-ID","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"id-ID","@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-a-button.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add Button Interaction Elements"}]},{"@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\/3257","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=3257"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3257\/revisions"}],"predecessor-version":[{"id":6762,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3257\/revisions\/6762"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/media?parent=3257"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_category?post=3257"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_tag?post=3257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}