{"id":3681,"date":"2021-12-13T10:25:36","date_gmt":"2021-12-13T10:25:36","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-button-widget\/"},"modified":"2022-06-27T07:57:29","modified_gmt":"2022-06-27T07:57:29","slug":"knapp-2","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/epost\/creator\/knapp\/","title":{"rendered":"E-post knapp-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Knapp-<\/strong> widgeten hjelper deg \u00e5 legge til en CTA-knapp i e-posten din.<\/p>\n<p>Du kan konfigurere flere handlinger for knappeklikk.<\/p>\n<blockquote class=\"elevio-box-success\"><p><strong>Du kan for eksempel<\/strong> 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: disc;\">\n<li style=\"margin-left: 20px;\">en ekstern nettadresse, eller<\/li>\n<li style=\"margin-left: 20px;\">en destinasjonsside, eller<\/li>\n<li style=\"margin-left: 20px;\">en e-postadresse<\/li>\n<\/ul>\n<\/li>\n<li>For \u00e5 bekrefte en <strong>opt-in<\/strong> foresp\u00f8rsel og omdirigere klikkene til en <strong>T<\/strong> <strong>hank Du<\/strong> side<\/li>\n<li>Som en <strong>ringeknapp<\/strong> (klikk omdirigert for \u00e5 ringe 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>Hvordan bruke en knappwidget i en e-postkampanje<\/h2>\n<h3>Trinn 1<\/h3>\n<h3>Naviger til Email Creator<\/h3>\n<p>Bruk <strong>hovedmenyen<\/strong> til venstre for \u00e5 opprette en <strong>e-post,<\/strong> og deretter <a href=\"\/hc\/nb_NO\/epost\/creator\/opprett-epost\/\" target=\"_blank\" rel=\"noopener noreferrer\">naviger til v\u00e5r e-postbygger<\/a>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 2<\/h3>\n<h3>Legg til en klikkbar knapp i e-posten din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong> der du designer e-posten din, og omr\u00e5det til h\u00f8yre er Verkt\u00f8y-omr\u00e5det der alle tilgjengelige designelementer vises som <a href=\"\/hc\/nb_NO\/epost\/creator\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">widgets<\/a> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2012\" title=\"Email drag and drop button\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-dra-slipp-omrade.png\" alt=\"E-postbygger, knapp-widget. Arbeidsomr\u00e5det er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>For \u00e5 legge til en klikkbar knapp til din e-post, dra og slipp <strong>knappen<\/strong> widgeten p\u00e5 <strong>Arbeidsomr\u00e5de<\/strong> <em>(som markert i skjermbildet nedenfor)<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2014\" title=\"Email creator button CTA\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-cta-knapp.png\" alt=\"E-postbygger, knapp-widget. CTA-knapp-widgeten er uthevet\" 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 knappen-widgeten i <strong>arbeidsomr\u00e5det<\/strong> , vises widget- <strong>innstillingene<\/strong> 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-2015\" title=\"Email button settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-postknapp-innstillinger.png\" alt=\"E-postskaper, knappwidget. Knappeinnstillinger-fanen er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3><strong>Fyll ut feltene:<\/strong><\/h3>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Knappetekst<\/strong> <em>(som fremhevet i skjermbildet nedenfor)&nbsp;<\/em>for \u00e5 legge til\/redigere teksten som vises p\u00e5 den klikkbare knappen.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2016 size-full\" title=\"Email button text\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-knapp-tekst.png\" alt=\"E-postskaper, knappwidget. Knappetekstfeltet er uthevet\" width=\"567\" height=\"461\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<\/li>\n<\/ul>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Knappehandling<\/strong><span style=\"color: #969696;\">&nbsp;<\/span><em>(som fremhevet i skjermbildet nedenfor)&nbsp;<\/em>til <a href=\"\/hc\/nb_NO\/epost\/creator\/cta-knapp\/\" target=\"_blank\" rel=\"noopener noreferrer\">spesifiser handlingen du vil utl\u00f8se ved \u00e5 klikke p\u00e5 denne knappen<\/a>.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2017 size-full\" title=\"Email button actions\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-knapp-handlinger.png\" alt=\"E-postskaper, knappwidget. Knappehandlingsfeltet er uthevet\" width=\"568\" height=\"469\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<\/li>\n<\/ul>\n<ul style=\"list-style-type: circle;\">\n<li>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.<\/li>\n<\/ul>\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-2018\" title=\"Email button style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-knapp-widget-stil.png\" alt=\"E-postskaper, knappwidget. Knappestil-fanen er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>De forskjellige designalternativene som er tilgjengelige er:<\/p>\n<h4>4.1 Skriftinnstillinger og bakgrunnsfarge for Knapper<\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Widget Bakgrunnsfarge<\/strong>&nbsp;for \u00e5 endre fargen p\u00e5 knappens bakgrunn<\/li>\n<li><strong>Kantst\u00f8rrelse og farge<\/strong>&nbsp;for \u00e5 endre fargen p\u00e5 knappens ramme<span style=\"color: #969696;\">&nbsp;<\/span>(bruk den p\u00e5f\u00f8lgende st\u00f8rrelseslinjen for \u00e5 justere tykkelsen p\u00e5 kanten)<\/li>\n<li><strong>Kantstil<\/strong>&nbsp;for \u00e5 endre typen knappekant \u2013 hel, prikkete osv.,<\/li>\n<li><strong>Avrundede hj\u00f8rner st\u00f8rrelseslinje<\/strong>&nbsp;for \u00e5 legge til avrundede hj\u00f8rner p\u00e5 knappen.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>4.2 Knappetekststil<\/h4>\n<ul style=\"list-style-type: circle;\">\n<li>Rediger <strong>skriftfarge<\/strong>, <strong>skriftst\u00f8rrelse, skriftfamilie<\/strong> og <strong>skriftvekt<\/strong> for knappeteksten.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4>4.3 Knappeinnstilling<\/h4>\n<ul style=\"list-style-type: circle;\">\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<\/strong><strong><em>&nbsp;<\/em><\/strong>for \u00e5 angi de \u00f8nskede polstringsm\u00e5lene.<strong><em>&nbsp;<\/em><\/strong>Utfylling refererer til mellomrommet mellom teksten som er skrevet inn i knappen og knappens grense.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2019 size-full\" title=\"Email button formatting\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/formatering-av-e-postknapp.png\" alt=\"E-postskaper, knappwidget. Alternativer for knappeformatering er uthevet\" width=\"559\" height=\"281\"><span style=\"color: #969696;\"><br \/>\n<\/span><span style=\"color: #969696;\"><br \/>\n<\/span><\/li>\n<\/ul>\n<p>Klikk <strong>Lagre,<\/strong> og det er det!<\/p>\n<p>Du har lagt til en tilpasset CTA-knapp i e-posten din!<\/p>\n<p>La oss g\u00e5 videre og ta en titt p\u00e5 hvordan \u00e5 legge til tekst i en e-post kampanje ved hjelp av <a href=\"\/hc\/nb_NO\/epost\/creator\/tekst\/\" target=\"_blank\" rel=\"noopener noreferrer\">tekst<\/a> Widget!<\/ul>\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 med \u00e5 legge til en CTA-knapp i e-posten din, og tilbyr en rekke klikkhandlinger for knappen.<\/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":[284],"ht-kb-tag":[],"class_list":["post-3681","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-email-creator-nb_no"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3681","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=3681"}],"version-history":[{"count":10,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3681\/revisions"}],"predecessor-version":[{"id":10782,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3681\/revisions\/10782"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3681"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3681"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}