{"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\/da\/docs\/add-button-interaction-elements\/","title":{"rendered":"Tilf\u00f8j knapinteraktionselementer"},"content":{"rendered":"<p>Tilf\u00f8jelse af knapinteraktionselementer til flipb\u00f8ger kan \u00f8ge interaktiviteten mellem flipb\u00f8ger og l\u00e6sere. Brug af interaktionselementerne kan g\u00f8re det muligt for brugerne aktivt at kontrollere den interaktive adf\u00e6rd i flipbogen og forbedre l\u00e6sernes l\u00e6seoplevelse.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Bem\u00e6rk:<\/strong> Kun brugere af Enterprise-planen kan tilf\u00f8je knapper.<\/p>\n\n\n\n<p>Lad os derefter se, hvordan du tilf\u00f8jer et knapinteraktionselement til flipbogen.<\/p>\n\n\n\n<p>Klik <strong>[Knap]<\/strong> i sidev\u00e6rkt\u00f8jslinjen -&gt; rul ned med musehjulet for at v\u00e6lge en hvilken som helst knapstil og tilf\u00f8je den til l\u00e6rredet.<\/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=\"tilf\u00f8je en knap\" 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>Dobbeltklik p\u00e5 knappen i l\u00e6rredet for at \u00e6ndre teksten, og indstil egenskaberne i egenskabspanelet. Du tilpasser deres ikon, tekst og farver i normal og skifte status osv.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ikonvalg:<\/strong> Der er forskellige typer af ikoner at v\u00e6lge imellem, herunder almindelige, business og livsstil osv.<\/li>\n\n\n\n<li><strong>Ikonets farve, st\u00f8rrelse og position:<\/strong> Du kan tilpasse farven og st\u00f8rrelsen p\u00e5 knapikonet og indstille ikonet til venstre eller h\u00f8jre for knappen.<\/li>\n\n\n\n<li><strong>Knap baggrund:<\/strong> Du kan indstille baggrundsfarven, stregtypen, stregfarven, stregst\u00f8rrelsen og det runde hj\u00f8rne af knappen.<\/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=\"tilf\u00f8je-en-knap-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>N\u00e5r du har indstillet alle egenskaberne for knappen, kan du tilf\u00f8je en udl\u00f8serhandling, s\u00e5som at \u00e5bne et link, \u00e5bne et vindue, g\u00e5 til en side, afspille effekter osv.<\/p>\n\n\n\n<p>Klik p\u00e5 knappen -&gt; klik <strong>[Handlinger]<\/strong> i egenskabspanelet -&gt; v\u00e6lg en handling -&gt; udf\u00f8r handlingsindstillingerne.<\/p>\n\n\n\n<p>For mere information om Trigger Action, se venligst: <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=\"tilf\u00f8je-en-knap-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>Artikelrelaterede vilk\u00e5r:<\/strong><br>interaktive knapper, brugerdefinerede knapper, knapdesign, knapskabeloner, knaptilpasning, knapstile, knapindstillinger, knapeffekter, opfordring til handling-knapper, knapplacering, interaktive elementer, interaktive e-b\u00f8ger, brugerengagement, knaplinkning, forbedring af interaktivitet<\/p>","protected":false},"excerpt":{"rendered":"<p>Tilf\u00f8jelse af knapinteraktionselementer til flipb\u00f8ger kan \u00f8ge interaktiviteten mellem flipb\u00f8ger og l\u00e6sere. Brug af interaktionselementerne kan g\u00f8re det muligt for brugere aktivt at kontrollere den interaktive adf\u00e6rd i flipbogen og forbedre l\u00e6sernes l\u00e6seoplevelse. \u258eBem\u00e6rk: Kun brugere af Enterprise-planen kan tilf\u00f8je knapper. Lad os derefter se, hvordan du tilf\u00f8jer en knapinteraktion [\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":"13721","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/da\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/da\/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=\"da_DK\" \/>\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\/da\/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\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@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\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@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":"da_DK","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\/da\/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":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/hu\/docs\/add-button-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@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":"da-DK"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@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\/da\/wp-json\/wp\/v2\/docs\/3257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/comments?post=3257"}],"version-history":[{"count":6,"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/docs\/3257\/revisions"}],"predecessor-version":[{"id":6762,"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/docs\/3257\/revisions\/6762"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/media?parent=3257"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/doc_category?post=3257"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/da\/wp-json\/wp\/v2\/doc_tag?post=3257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}