{"id":3612,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-coupon-widget\/"},"modified":"2022-06-30T11:57:21","modified_gmt":"2022-06-30T11:57:21","slug":"kupong","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/landingsside\/lage\/kupong\/","title":{"rendered":"Landingssidens kupong-widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p><strong>Kupong-<\/strong>widgeten hjelper deg med \u00e5 legge rabattkuponger til landingssidene. Du kan legge til flere kuponger innenfor samme widget, og ogs\u00e5 definere gyldighetsperioden deres.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>Hvordan bruke en kupongwidget p\u00e5 en landingsside?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\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 kupong-widget p\u00e5 landingssiden<\/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 verkt\u00f8yomr\u00e5det der alle tilgjengelige designelementer vises som <a href=\"\/hc\/nb_NO\/landingsside\/lage\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">widgets<\/a>.<\/p>\n<p>For \u00e5 legge til en kupong til landingssiden din, dra og slipp <strong>kupong-<\/strong>widget inn i arbeidsomr\u00e5det.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1751 size-full\" title=\"Landing page coupon widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/landingsside-kupong-widget.png\" alt=\"Kupongwidget for landingssidebygger width=\" 558\"=\"\" height=\"753\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Trinn 3<\/h3>\n<h3>Last opp kupongbilder og definer kupongens gyldighet<\/h3>\n<p>N\u00e5r du slipper widgeten inn i arbeidsomr\u00e5det vil widget-<strong>innstillinger<\/strong> vises p\u00e5 h\u00f8yre side <em>(som markert i skjermbildet nedenfor).<\/em> Bruk knappen <strong>Velg fil<\/strong> under disse innstillingene for \u00e5 laste opp passende bilder for kupongen.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1755\" title=\"Landing page coupon settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/kuponginnstillinger-landingsside.png\" alt=\"Kupongopplasting og innstillinger for landingssidekuponggyldighet\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>N\u00e5r du har valgt bildene, vises disse bildene i samme <strong>Innstillinger-<\/strong>seksjon <em>(som vistt i skjermbildet nedenfor).<\/em><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1756 size-full\" title=\"Landing page coupon name validity\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/kupongnavn-gyldighet.png\" alt=\"Definer kupong, gyldighet for start- og sluttdato for landingssiden\" width=\"549\" height=\"627\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<ul style=\"list-style-type: circle;\">\n<li>Skriv inn et passende navn for de tilf\u00f8yde kupongene, og<\/li>\n<li>Definer gyldighetsperioden for kupongene ved \u00e5 angi start- og sluttdatoene.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 4<\/h3>\n<h3>Skriv inn passende tekst for kupongens handling<\/h3>\n<p>I kategorien <strong>Innstillinger,<\/strong> \u00e5pner du uderfanen&nbsp;<strong>kupong handlinger.<\/strong><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1757\" title=\"Landing page coupon action text\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/kupong-handling-innstillinger.png\" alt=\"Skriv inn passende kuponghandlingstekster - Landing Page Builder\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Under <strong>Kupong Visningsstil<\/strong>&nbsp;er det to tilgjengelige avmerkingsbokser:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Del opp i flere kolonner:<\/strong>\n<ul style=\"list-style-type: disc;\">\n<li style=\"margin-left: 20px;\">Hvis denne boksen ikke er merket av, vil kun to kuponger vises p\u00e5 landingssiden om gangen i tilfelle av flere kuponger. En horisontal rulling vil bli lagt til for at brukeren skal f\u00e5 tilgang til de forskjellige kupongene.<\/li>\n<li style=\"margin-left: 20px;\">Hvis denne boksen er merket av, vil alle kupongene vises samtidig i tilfelle av flere kuponger.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Skjul Redeem-knapp:<\/strong>\n<ul style=\"list-style-type: disc;\">\n<li style=\"margin-left: 20px;\">Kryss av i denne boksen hvis du \u00f8nsker \u00e5 skjule Redeem-knappen for de ekstra kupongene.\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1758 size-full\" title=\"Landing page coupon action details\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/kupong-handling-detaljer.png\" alt=\"Angi kuponghandlingsdetaljer for landingssiden\" width=\"518\" height=\"209\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Ogs\u00e5, som vist p\u00e5 skjermbildet ovenfor:<\/strong><\/p>\n<ul style=\"list-style-type: circle;\">\n<li>Bruk det f\u00f8rste feltet til \u00e5 skrive inn teksten som vises ved Redeem-knappen.<\/li>\n<li>I det andre feltet skriver du inn teksten som vises som bekreftelsestekst f\u00f8r en bruker l\u00f8ser inn en kupong.<\/li>\n<li>Bruk det tredje feltet til \u00e5 skrive inn teksten som vises n\u00e5r en bruker har l\u00f8st inn kupongen.<\/li>\n<li>Bruk det siste feltet til \u00e5 skrive inn teksten som vises n\u00e5r en bruker pr\u00f8ver \u00e5 l\u00f8se inn en kupong som allerede er innl\u00f8st.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Trinn 5<\/h3>\n<h3>Stil kupongwidgeten din<\/h3>\n<p>Bruk alternativene som er tilgjengelige under <strong>Stil-<\/strong>fanen for \u00e5 tilpasse widgeten i henhold til dine designpreferanser.<\/p>\n<h4><strong>Tilfelle nr. 1<\/strong><\/h4>\n<p>I tilfelle du velger \u00e5 dele kupongene i flere kolonner som forklart i trinn 4 ovenfor, har du f\u00f8lgende stilalternativer tilgjengelig for kupong-widgeten:<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1759\" title=\"Landing page coupon styling\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/kupong-widget-styling.png\" alt=\"Landingsside-widget kupongstil\" width=\"640\" height=\"516\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Her bruker du feltene:<\/p>\n<h5><strong>5.1 Fontinnstillingger og bakgrunnsfarge for kupong<\/strong><\/h5>\n<ul style=\"list-style-type: circle;\">\n<li style=\"margin-left: 20px;\"><strong>Knappefarge for<\/strong> \u00e5 endre fargen p\u00e5 innl\u00f8sningsknappen.<\/li>\n<li style=\"margin-left: 20px;\"><strong>Kantst\u00f8rrelse og farge for<\/strong> \u00e5 tilpasse rammen til innl\u00f8sningsknappen (bruk den p\u00e5f\u00f8lgende st\u00f8rrelseslinjen for \u00e5 justere tykkelsen p\u00e5 kanten)<\/li>\n<li style=\"margin-left: 20px;\"><strong>Kantstil for<\/strong> \u00e5 endre typen knappekant \u2013 hel, prikkete osv.,<\/li>\n<li style=\"margin-left: 20px;\"><strong>St\u00f8rrelseslinje for avrundede hj\u00f8rner<\/strong> for \u00e5 legge til avrundede hj\u00f8rner til l\u00f8se inn-knappen.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h5><strong>5.2 Tekststil for knapp<\/strong><\/h5>\n<p>Bruk feltene som er tilgjengelige i denne delen til \u00e5 redigere skriftstilen, fargen, skriftfamilien og skriftvekten til <strong>Redeem-knappens<\/strong> tekst.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h5><strong>5.3 Kuponginnstilling<\/strong><\/h5>\n<p class=\"aricle_container\">Bruk feltene som er tilgjengelige i denne delen til \u00e5 redigere st\u00f8rrelsen og justeringen av kupongene og l\u00f8se inn knappene i forhold til arbeidsomr\u00e5dets bredde.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4><strong>Tilfelle nr. 2<\/strong><\/h4>\n<p>I tilfelle du velger \u00e5 vise to kuponger om gangen, har du muligheten til \u00e5 redigere st\u00f8rrelsen og justeringen av kupongene i forhold til arbeidsomr\u00e5dets bredde.<\/p>\n<p>Klikk <strong>Lagre<\/strong>, og det er det!<\/p>\n<p>Du har lagt til rabattkuponger p\u00e5 landingssiden din!<\/p>\n<p>La oss fortsette og ta en titt p\u00e5 hvordan du legger til en nedteller p\u00e5 en landingsside ved \u00e5 bruke <a href=\"\/hc\/nb_NO\/landingsside\/lage\/nedtelling\/\" target=\"_blank\" rel=\"noopener noreferrer\">nedtellings-widgeten<\/a>&nbsp;!<\/p>\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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kupongwidgeten hjelper deg med \u00e5 legge til rabattkuponger p\u00e5 landingssidene dine. Du kan legge til flere kuponger innenfor samme widget og ogs\u00e5 definere deres gyldighetsperiode.<\/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-3612","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\/3612","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=3612"}],"version-history":[{"count":11,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3612\/revisions"}],"predecessor-version":[{"id":10999,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb\/3612\/revisions\/10999"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/media?parent=3612"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-category?post=3612"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/nb_NO\/wp-json\/wp\/v2\/ht-kb-tag?post=3612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}