{"id":3608,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-button-widget\/"},"modified":"2022-06-27T07:31:04","modified_gmt":"2022-06-27T07:31:04","slug":"knapp","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/knapp\/","title":{"rendered":"Landingssidens Knapp-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Knapp-widgeten<\/strong> hjelper deg med \u00e5 legge til en CTA-knapp p\u00e5 landingssiden din. Du kan konfigurere flere handlinger for knappeklikk.<\/p>\n<blockquote class=\"elevio-box-success\"><p>Du kan for eksempel bruke denne knappen:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>Til <strong>omdirigere&nbsp;<\/strong>klikkene til:\n<ul style=\"list-style-type: circle;\">\n<li style=\"margin-left: 20px;\">en ekstern nettadresse, eller<\/li>\n<li style=\"margin-left: 20px;\">en annen landingsside, eller<\/li>\n<li style=\"margin-left: 20px;\">en e-postadresse.<\/li>\n<\/ul>\n<\/li>\n<li>\u00c5pne et <strong>popup-<\/strong>vindu.<\/li>\n<li>Til \u00e5 <strong>bekrefte en foresp\u00f8rsel om opt-in<\/strong>og omdirigere leseren til en takkeside.<\/li>\n<li>Som en <strong>Ring-knapp<\/strong> (klikk blir omdirigert til \u00e5 ringe det angitte telefonnummeret).<\/li>\n<li>Som en <strong>SMS-<\/strong>knapp (Klikk blir omdirigert til \u00e5 sende en SMS til det angitte telefonnummeret).<\/li>\n<li>Klikk p\u00e5 knappen for <strong>\u00e5 laste ned en fil.<\/strong><\/li>\n<\/ul>\n<\/blockquote>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>Slik bruker du en knapp-widget p\u00e5 en landingsside<\/h2>\n<h3>Trinn 1<\/h3>\n<h3>Naviger til landingssidebyggeren<\/h3>\n<p>Bruk <strong>hovedmenyen<\/strong> til venstre for \u00e5 opprette en <strong>landingsside<\/strong> og deretter <a href=\"\/hc\/nb_NO\/landingsside\/lage\/opprett-ny\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigere til landingssidebyggeren<\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 2<\/h3>\n<h3>Legg til en klikkbar knapp p\u00e5 landingssiden din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong> der du designer landingssiden din, og omr\u00e5det til h\u00f8yre er <a href=\"\/hc\/nb_NO\/landingsside\/lage\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som widgets<\/strong><\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1725\" title=\"Landing page builder campaign\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landing-page-builder-kampanje.png\" alt=\"Kampanjeomr\u00e5de for landingssidebyggere\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>For \u00e5 legge til en klikkbar knapp p\u00e5 landingssiden din, dra og slipp <strong>knapp-<\/strong> widgeten til <strong>arbeidsomr\u00e5det<\/strong> <em>(som fremhevet i skjermbildet nedenfor)<\/em> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1726\" title=\"Landing page button widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-knapp-widget.png\" alt=\"Landingssidebyggerens knapp-widget\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Konfigurer klikkhandlingen for knappen<\/h3>\n<p>N\u00e5r du slipper knappwidgeten inn i arbeidsomr\u00e5det, vises widgetinnstillingene til h\u00f8yre <em>(som uthevet i skjermbildet nedenfor)<\/em> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1727\" title=\"Landing page button settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-knapp-innstillinger.png\" alt=\"Innstillinger for knapp for landingssidebygger\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her bruker du feltene:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Knappetekst<\/strong> \u2013 for \u00e5 legge til\/redigere teksten som vises p\u00e5 den CTA-knappen.<\/li>\n<li><strong>Knappehandling<\/strong> \u2013 for <a href=\"\/hc\/nb_NO\/landingsside\/lage\/cta-knapp\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e5 spesifisere handlingen du vil utl\u00f8se ved \u00e5 klikke p\u00e5 denne knappen<\/a> .<\/li>\n<\/ul>\n<p>Basert p\u00e5 alternativet du velger i dette feltet, samler det p\u00e5f\u00f8lgende feltet den n\u00f8dvendige informasjonen som er relevant for den handlingen.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 4<\/h3>\n<h3>Stil knappene-widgeten<\/h3>\n<p>Du kan redigere utseendet til knappen ved \u00e5 bruke <strong>Stil-<\/strong> fanen <em>(som vist i skjermbildet nedenfor).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1728\" title=\"Landing page button style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingssidebygger-knapp-konfigurasjon.png\" alt=\"Utforming av knapper for oppretting av landingsside\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her er de forskjellige designalternativene som er tilgjengelige:<\/p>\n<h4>4.1 Skriftinnstillinger og bakgrunnsfarge for Knapper<\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Knappbakgrunnsfarge<\/strong>&nbsp;for \u00e5 endre fargen p\u00e5 knappebakgrunnen<\/li>\n<li><strong>Kantst\u00f8rrelse og farge<\/strong> \u2013 for \u00e5 endre fargen p\u00e5 knapperammen (bruk st\u00f8rrelseslinjen for \u00e5 justere tykkelsen p\u00e5 kantlinjen)<\/li>\n<li><strong>Kantstil for<\/strong> \u00e5 endre typen knappekant \u2013 hel, prikkete osv.,<\/li>\n<li><strong>St\u00f8rrelseslinje for avrundede hj\u00f8rner<\/strong> for \u00e5 legge til avrundede hj\u00f8rner p\u00e5 knappen.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>4.2 Tekststil for knapper<\/h4>\n<p>De forskjellige alternativene som er tilgjengelige under denne delen hjelper deg med \u00e5 redigere skriftstilen, fargen, skriftfamilien og skriftvekten til knappeteksten.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>4.3 Knappeinnstilling<\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Knappebredde for<\/strong> \u00e5 justere bredden p\u00e5 knappen<\/li>\n<li><strong>Knappposisjon for<\/strong> \u00e5 endre justeringen av knappen i designet<\/li>\n<li><strong>Polstring&nbsp;<\/strong>for \u00e5 angi de \u00f8nskede polstringsm\u00e5lene.<strong>&nbsp;<\/strong> Utfylling refererer til gapet mellom teksten som er skrevet inn i knappen og knappegrensen.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1729 size-full\" title=\"Landing page button padding\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingssidebygger-knapp-utfylling.png\" alt=\"Stilalternativer for knapper for \u00e5 opprette landingssider\" width=\"556\" height=\"381\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<\/li>\n<\/ul>\n<p>Klikk <strong>Lagre,<\/strong> og det er det!<\/p>\n<p>Du har lagt til en egendefinert CTA-knapp p\u00e5 landingssiden din!<\/p>\n<p>La oss fortsette og se p\u00e5 hvordan du legger til tekst p\u00e5 en landingsside ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/landingsside\/lage\/tekst\/\" target=\"_blank\" rel=\"noopener noreferrer\">tekstwidgeten<\/a> !<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Knapp-widgeten hjelper deg \u00e5 legge til en CTA-knapp p\u00e5 landingssiden din. Du kan konfigurere flere handlinger for knappeklikk.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[279],"ht-kb-tag":[],"class_list":["post-3608","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-landing-page-builder-nb_no"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/comments?post=3608"}],"version-history":[{"count":8,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3608\/revisions"}],"predecessor-version":[{"id":10725,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3608\/revisions\/10725"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3608"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3608"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}