{"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\/ro\/docs\/add-button-interaction-elements\/","title":{"rendered":"Ad\u0103uga\u021bi elemente de interac\u021biune cu buton"},"content":{"rendered":"<p>Ad\u0103ugarea elementelor de interac\u021biune a butoanelor la flipbook-uri poate cre\u0219te interactivitatea dintre flipbook-uri \u0219i cititori. Utilizarea elementelor de interac\u021biune poate permite utilizatorilor s\u0103 controleze \u00een mod activ comportamentul interactiv din flipbook \u0219i s\u0103 \u00eembun\u0103t\u0103\u021beasc\u0103 experien\u021ba de citire a cititorilor.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Not\u0103:<\/strong> Numai utilizatorii planului Enterprise pot ad\u0103uga butoane.<\/p>\n\n\n\n<p>\u00cen continuare, s\u0103 vedem cum s\u0103 ad\u0103uga\u021bi un element de interac\u021biune cu butonul la flipbook.<\/p>\n\n\n\n<p>Clic <strong>[Buton]<\/strong> \u00een bara de instrumente lateral\u0103 -&gt; derula\u021bi \u00een jos roti\u021ba mouse-ului pentru a selecta oricare dintre stilurile de butoane \u0219i ad\u0103uga\u021bi-l la p\u00e2nz\u0103.<\/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=\"butonul de ad\u0103ugare\" 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>Face\u021bi dublu clic pe butonul din p\u00e2nz\u0103 pentru a modifica textul \u0219i seta\u021bi propriet\u0103\u021bile \u00een panoul de propriet\u0103\u021bi. Le personaliza\u021bi pictograma, textul \u0219i culorile \u00een stare normal\u0103 \u0219i comuta\u021bi etc.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Selectarea pictogramei:<\/strong> Exist\u0103 diferite tipuri de pictograme din care pute\u021bi alege, inclusiv comune, de afaceri \u0219i stil de via\u021b\u0103 etc.<\/li>\n\n\n\n<li><strong>Culoarea, dimensiunea \u0219i pozi\u021bia pictogramei:<\/strong> Pute\u021bi personaliza culoarea \u0219i dimensiunea pictogramei butonului \u0219i pute\u021bi seta pictograma la st\u00e2nga sau la dreapta butonului.<\/li>\n\n\n\n<li><strong>Fundalul butonului:<\/strong> Pute\u021bi seta culoarea de fundal, tipul de contur, culoarea conturului, dimensiunea conturului \u0219i col\u021bul rotunjit al butonului.<\/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=\"ad\u0103uga\u021bi-un-buton-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>Dup\u0103 setarea tuturor propriet\u0103\u021bilor butonului, pute\u021bi ad\u0103uga o ac\u021biune de declan\u0219are, cum ar fi deschiderea unui link, apari\u021bia unei ferestre, accesarea unei pagini, redarea efectelor etc.<\/p>\n\n\n\n<p>Face\u021bi clic pe butonul -&gt; face\u021bi clic <strong>[Ac\u021biuni]<\/strong> \u00een panoul de propriet\u0103\u021bi -&gt; selecta\u021bi o ac\u021biune -&gt; finaliza\u021bi set\u0103rile ac\u021biunii.<\/p>\n\n\n\n<p>Pentru mai multe informa\u021bii despre Trigger Action, v\u0103 rug\u0103m s\u0103 consulta\u021bi: <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=\"ad\u0103uga\u021bi-un-buton-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>Termeni lega\u021bi de articol:<\/strong><br>butoane interactive, butoane personalizate, design de butoane, \u0219abloane de butoane, personalizare butoane, stiluri de butoane, op\u021biuni pentru butoane, efecte pentru butoane, butoane pentru \u00eendemnuri, plasarea butoanelor, elemente interactive, c\u0103r\u021bi electronice interactive, implicarea utilizatorului, legare la butoane, \u00eembun\u0103t\u0103\u021birea interactivit\u0103\u021bii<\/p>","protected":false},"excerpt":{"rendered":"<p>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;]<\/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":"13746","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/ro\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/ro\/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=\"ro_RO\" \/>\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\/ro\/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\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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":"ro_RO","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\/ro\/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":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@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":"ro-RO"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@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\/ro\/wp-json\/wp\/v2\/docs\/3257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/comments?post=3257"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/docs\/3257\/revisions"}],"predecessor-version":[{"id":6762,"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/docs\/3257\/revisions\/6762"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/media?parent=3257"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/doc_category?post=3257"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ro\/wp-json\/wp\/v2\/doc_tag?post=3257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}