{"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\/cs\/docs\/add-button-interaction-elements\/","title":{"rendered":"P\u0159idat prvky interakce tla\u010d\u00edtek"},"content":{"rendered":"<p>P\u0159id\u00e1n\u00ed prvk\u016f interakce tla\u010d\u00edtek do flipbook\u016f m\u016f\u017ee zv\u00fd\u0161it interaktivitu mezi flipbooky a \u010dte\u010dkami. Pou\u017eit\u00ed prvk\u016f interakce m\u016f\u017ee u\u017eivatel\u016fm umo\u017enit aktivn\u011b ovl\u00e1dat interaktivn\u00ed chov\u00e1n\u00ed v r\u00e1mci flipbooku a zlep\u0161it \u010dten\u00e1\u0159sk\u00fd z\u00e1\u017eitek ze \u010dten\u00ed.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Pozn\u00e1mka:<\/strong> Tla\u010d\u00edtka mohou p\u0159id\u00e1vat pouze u\u017eivatel\u00e9 pl\u00e1nu Enterprise.<\/p>\n\n\n\n<p>D\u00e1le se pod\u00edvejme, jak do flipbooku p\u0159idat prvek interakce s tla\u010d\u00edtkem.<\/p>\n\n\n\n<p>Klikn\u011bte <strong>[Knofl\u00edk]<\/strong> na postrann\u00edm panelu n\u00e1stroj\u016f -&gt; rolov\u00e1n\u00edm kole\u010dkem my\u0161i dol\u016f vyberte libovoln\u00fd ze styl\u016f tla\u010d\u00edtek a p\u0159idejte jej na pl\u00e1tno.<\/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=\"p\u0159idat-a-tla\u010d\u00edtko\" 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>Poklep\u00e1n\u00edm na tla\u010d\u00edtko na pl\u00e1tn\u011b upravte text a nastavte vlastnosti na panelu vlastnost\u00ed. P\u0159izp\u016fsob\u00edte si jejich ikonu, text a barvy v norm\u00e1ln\u00edm stavu, p\u0159ep\u00edn\u00e1n\u00ed atd.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>V\u00fdb\u011br ikon:<\/strong> Na v\u00fdb\u011br jsou r\u016fzn\u00e9 typy ikon, v\u010detn\u011b b\u011b\u017en\u00fdch ikon, ikon podnik\u00e1n\u00ed a \u017eivotn\u00edho stylu atd.<\/li>\n\n\n\n<li><strong>Barva, velikost a um\u00edst\u011bn\u00ed ikony:<\/strong> M\u016f\u017eete p\u0159izp\u016fsobit barvu a velikost ikony tla\u010d\u00edtka a nastavit ikonu vlevo nebo vpravo od tla\u010d\u00edtka.<\/li>\n\n\n\n<li><strong>Pozad\u00ed tla\u010d\u00edtka:<\/strong> M\u016f\u017eete nastavit barvu pozad\u00ed, typ tahu, barvu tahu, velikost tahu a kulat\u00fd roh tla\u010d\u00edtka.<\/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=\"p\u0159idat-a-tla\u010d\u00edtko-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>Po nastaven\u00ed v\u0161ech vlastnost\u00ed tla\u010d\u00edtka m\u016f\u017eete p\u0159idat spou\u0161t\u011bc\u00ed akci, jako je otev\u0159en\u00ed odkazu, vysko\u010den\u00ed okna, p\u0159echod na str\u00e1nku, p\u0159ehr\u00e1v\u00e1n\u00ed efekt\u016f atd.<\/p>\n\n\n\n<p>Klikn\u011bte na tla\u010d\u00edtko -&gt; klikn\u011bte <strong>[Akce]<\/strong> na panelu vlastnost\u00ed -&gt; vyberte akci -&gt; dokon\u010dete nastaven\u00ed akce.<\/p>\n\n\n\n<p>V\u00edce informac\u00ed o Trigger Action najdete na: <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=\"p\u0159idat-a-tla\u010d\u00edtko-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>Term\u00edny souvisej\u00edc\u00ed s \u010dl\u00e1nkem:<\/strong><br>interaktivn\u00ed tla\u010d\u00edtka, vlastn\u00ed tla\u010d\u00edtka, design tla\u010d\u00edtek, \u0161ablony tla\u010d\u00edtek, p\u0159izp\u016fsoben\u00ed tla\u010d\u00edtek, styly tla\u010d\u00edtek, mo\u017enosti tla\u010d\u00edtek, efekty tla\u010d\u00edtek, tla\u010d\u00edtka s v\u00fdzvou k akci, um\u00edst\u011bn\u00ed tla\u010d\u00edtek, interaktivn\u00ed prvky, interaktivn\u00ed elektronick\u00e9 knihy, zapojen\u00ed u\u017eivatel\u016f, propojen\u00ed tla\u010d\u00edtek, vylep\u0161en\u00ed interaktivity<\/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":"13798","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/cs\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/cs\/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=\"cs_CZ\" \/>\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\/cs\/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=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuty\" \/>\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\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@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\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@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":"cs_CZ","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\/cs\/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":{"Odhadovan\u00e1 doba \u010dten\u00ed":"3 minuty"},"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":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@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":"cs"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"cs","@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\/cs\/wp-json\/wp\/v2\/docs\/3257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/comments?post=3257"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/docs\/3257\/revisions"}],"predecessor-version":[{"id":6762,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/docs\/3257\/revisions\/6762"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/media?parent=3257"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/doc_category?post=3257"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/doc_tag?post=3257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}