{"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\/ms\/docs\/add-button-interaction-elements\/","title":{"rendered":"Tambah Elemen Interaksi Butang"},"content":{"rendered":"<p>Menambah elemen interaksi butang pada flipbook boleh meningkatkan interaktiviti antara flipbook dan pembaca. Menggunakan elemen interaksi boleh membolehkan pengguna mengawal tingkah laku interaktif secara aktif 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 pelan Perusahaan boleh menambah butang.<\/p>\n\n\n\n<p>Seterusnya, mari lihat cara menambah elemen interaksi butang pada buku selak.<\/p>\n\n\n\n<p>klik <strong>[Butang]<\/strong> dalam bar alat sisi -&gt; tatal ke bawah roda tetikus untuk memilih mana-mana gaya butang dan menambahnya pada 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=\"tambah-a-butang\" 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 butang dalam kanvas untuk mengubah suai teks dan tetapkan sifat dalam panel sifat. Anda menyesuaikan ikon, teks dan warna mereka dalam status normal dan togol, dsb.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pemilihan ikon:<\/strong> Terdapat pelbagai jenis ikon untuk dipilih, termasuk biasa, perniagaan dan gaya hidup, dsb.<\/li>\n\n\n\n<li><strong>Warna ikon, saiz dan kedudukan:<\/strong> Anda boleh menyesuaikan warna dan saiz ikon butang dan menetapkan ikon di sebelah kiri atau kanan butang.<\/li>\n\n\n\n<li><strong>Latar belakang butang:<\/strong> Anda boleh menetapkan warna latar belakang, jenis lejang, warna lejang, saiz lejang dan sudut bulat butang.<\/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=\"tambah-butang-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>Selepas menetapkan semua sifat butang, anda boleh menambah tindakan pencetus, seperti membuka pautan, muncul tetingkap, pergi ke halaman, memainkan kesan, dsb.<\/p>\n\n\n\n<p>Klik butang -&gt; klik <strong>[Tindakan]<\/strong> dalam panel sifat -&gt; pilih tindakan -&gt; lengkapkan tetapan tindakan.<\/p>\n\n\n\n<p>Untuk maklumat lanjut tentang 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><\/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=\"tambah-butang-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 berkaitan artikel:<\/strong><br>butang interaktif, butang tersuai, reka bentuk butang, templat butang, penyesuaian butang, gaya butang, pilihan butang, kesan butang, butang seruan tindak, peletakan butang, elemen interaktif, eBook interaktif, penglibatan pengguna, pautan butang, meningkatkan interaktiviti<\/p>","protected":false},"excerpt":{"rendered":"<p>Menambah elemen interaksi butang pada flipbook boleh meningkatkan interaktiviti antara flipbook dan pembaca. Menggunakan elemen interaksi boleh membolehkan pengguna mengawal tingkah laku interaktif secara aktif dalam buku selak dan meningkatkan pengalaman membaca pembaca. \u258eNota: Hanya pengguna pelan Perusahaan boleh menambah butang. Seterusnya, mari lihat cara menambah interaksi butang [\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":"13740","reactions":{"happy":"2","normal":"0","sad":"0"},"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 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=\"ms_MY\" \/>\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\/ms\/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\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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\":\"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 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":"ms_MY","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\/ms\/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":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@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":"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\/3257","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=3257"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3257\/revisions"}],"predecessor-version":[{"id":6762,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3257\/revisions\/6762"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3257"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3257"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}