{"id":3642,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-columns-widget\/"},"modified":"2022-06-27T07:56:57","modified_gmt":"2022-06-27T07:56:57","slug":"kolonner-2","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/epost\/creator\/kolonner\/","title":{"rendered":"E-post kolonne-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Kolonner-<\/strong> widgeten hjelper deg med \u00e5 dele opp arbeidsomr\u00e5det i 2, 3 eller 4 kolonner. Deretter kan du fortsette \u00e5 dra og slippe en hvilken som helst annen widget p\u00e5 de opprettede kolonnene. Legg for eksempel til en tekst\/bilde\/knapp eller et annet designelement som du foretrekker.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>Slik bruker du en kolonne-widget i en e-postkampanje<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 1<\/h3>\n<h3><\/h3>\n<p>Naviger til Email Creator<\/p>\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 kolonne-widget i e-posten din<\/h3>\n<p>Det tomme omr\u00e5det til venstre er <strong>arbeidsomr\u00e5det<\/strong><em><strong>&nbsp;<\/strong><\/em>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<p>For \u00e5 dele et mellomrom i <strong>arbeidsomr\u00e5det<\/strong> i kolonner, dra og slipp <strong>Kolonner-<\/strong> widgeten til <strong>arbeidsomr\u00e5det<\/strong> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2021\" title=\"Email columns widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-skaper-kolonne-widget.png\" alt=\"E-postskaper, kolonnewidget er uthevet\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Angi antall kolonner du \u00f8nsker \u00e5 dele widgetomr\u00e5det inn i<\/h3>\n<p>Som du slippe widgeten inn i <strong>arbeidsomr\u00e5det<\/strong> blir widget <strong>innstillinger<\/strong> vises p\u00e5 h\u00f8yre (A <em>S markert i skjermbildet nedenfor).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2023\" title=\"Email columns number\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-skaper-kolonne-innstillinger.png\" alt=\"E-postskaper, kolonne-widget. Velg antall kolonner\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Bruk <strong>kolonne-innstillingene<\/strong>&nbsp;for \u00e5 angi antall kolonner du \u00f8nsker \u00e5 dele widgetomr\u00e5det inn i.<\/p>\n<p>Klikk <strong>Lagre<\/strong> .<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 4<\/h3>\n<h3>Tilpass kolonnenes bakgrunn og design<\/h3>\n<p>Du kan redigere det generelle utseendet til kolonnene dine ved \u00e5 bruke alternativene som er tilgjengelige under <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-2024\" title=\"Email columns background\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-post-skaper-kolonne-stil.png\" alt=\"Bakgrunnsfarge og layoutinnstillinger for e-postskaper med flere kolonner\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her bruker du feltene:<\/p>\n<ul>\n<li><strong>Widget Bakgrunnsfarge<\/strong>&nbsp;for \u00e5 tilpasse bakgrunnsfargen for disse kolonnene. Du kan ogs\u00e5 gj\u00f8re denne plassen gjennomsiktig ved \u00e5 merke av boksen \u2013 <strong>Widget Bakgrunn Gjennomsiktig<\/strong>.<\/li>\n<li><strong>Mellomrom St\u00f8rrelse St\u00f8rrelseslinge<\/strong>&nbsp;for \u00e5 spesifisere mellomrommet mellom kolonnene.<\/li>\n<li><strong>Kolonne H\u00f8ydest\u00f8rrelseslinje<\/strong>&nbsp;for \u00e5 spesifisere h\u00f8yden p\u00e5 kolonne-widgeten.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 5<\/h3>\n<h3>Legg til andre funksjonelle elementer i disse kolonnene<\/h3>\n<p>Dra og slipp widgetene som tilsvarer funksjonselementene du vil legge til i disse kolonnene \u2013 en <a href=\"\/hc\/nb_NO\/epost\/creator\/tekst\/\" target=\"_blank\" rel=\"noopener noreferrer\">tekst-widget<\/a> \/ <a href=\"\/hc\/nb_NO\/epost\/creator\/knapp\/\" target=\"_blank\" rel=\"noopener noreferrer\">knapp-widget<\/a> \/ <a href=\"\/hc\/nb_NO\/epost\/creator\/bilde\/\" target=\"_blank\" rel=\"noopener noreferrer\">bilde-widget<\/a> osv.<\/p>\n<blockquote class=\"elevio-box-success\"><p><strong>For eksempel,<\/strong> i skjermbildet nedenfor, har vi lagt til en <strong>kolonne<\/strong> widget og brukte widget <strong>stil<\/strong> alternativer \u00e5 dele <strong>Arbeidsomr\u00e5de<\/strong> inn i 3 kolonner. Deretter la vi til <a href=\"\/hc\/nb_NO\/epost\/creator\/bilde\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"color: #0070ba;\" aria-label=\"Email Image Widget\" data-elevio-article=\"429\">bilde-<\/span><\/strong> <span style=\"color: #0070ba;\" aria-label=\"Email Image Widget\" data-elevio-article=\"651\">widgeter<\/span><\/a> i de to f\u00f8rste kolonnene og en <a href=\"\/hc\/nb_NO\/epost\/creator\/tekst\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"color: #0070ba;\" aria-label=\"Email Text Widget\" data-elevio-article=\"428\">tekst-<\/span><\/strong> <span style=\"color: #0070ba;\" aria-label=\"Email Text Widget\" data-elevio-article=\"659\">widget<\/span><\/a> i den tredje kolonnen.<\/p><\/blockquote>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2025\" title=\"Email columns elements\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/e-postkolonne-legg til-elementer.png\" alt=\"E-postskaper, kolonne-widget. Legg til elementer i kolonnene\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Og det er det!<\/p>\n<p>Du har lagt til innhold i flere kolonner i e-postkampanjen din!<\/p>\n<p>La oss fortsette og se p\u00e5 hvordan du legger til tomrom mellom to innholdsblokker i en e-post ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/epost\/creator\/avstand\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spacer Widget<\/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>The columns widget helps you split the workspace into 2, 3, or 4 columns. Then, you can proceed to drag and drop any other widget onto the created columns.<\/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-3642","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\/3642","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=3642"}],"version-history":[{"count":12,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3642\/revisions"}],"predecessor-version":[{"id":10781,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3642\/revisions\/10781"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3642"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3642"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}