{"id":16097,"date":"2021-01-07T14:06:44","date_gmt":"2021-01-07T13:06:44","guid":{"rendered":"https:\/\/www.nemprogrammering.dk\/wp\/?p=16097"},"modified":"2021-10-18T09:30:39","modified_gmt":"2021-10-18T07:30:39","slug":"shopify-giv-kunden-en-ekstra-mulighed-i-kurven","status":"publish","type":"post","link":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/","title":{"rendered":"Shopify: Giv kunden en ekstra mulighed i kurven"},"content":{"rendered":"<p>Hvis du har en webshop p\u00e5 Shopify-platformen, s\u00e5 er denne guide muligvis noget for dig. Alternativt kan du tjekke <a href=\"https:\/\/www.nemprogrammering.dk\/wp\/shopify-kursus\/\">shopify kurset<\/a> her p\u00e5 siden ud &#8211; det kan klart anbefales!<\/p>\n<p>Jeg har arbejdet fuldtid med e-handel og konverteringsoptimering i snart 20 \u00e5r, og i min fritid har jeg drevet flere forskellige webshops, heraf de seneste i Shopify-platformen.<\/p>\n<p>Pt. driver jeg <a href=\"https:\/\/puretime.dk\">puretime.dk<\/a>, som ogs\u00e5 k\u00f8rer i Shopify &#8211; og her har jeg implementeret en mulighed for mersalg, som jeg ogs\u00e5 h\u00e5ber, du f\u00e5r gavn af.Jeg er selv st\u00f8dt p\u00e5 en del scenarier, hvor jeg har haft brug for at kunne tilbyde kunden en ekstra k\u00f8bsmulighed i indk\u00f8bskurven &#8211; alts\u00e5 efter de allerede har tilf\u00f8jet et produkt til kurven.<\/p>\n<h3>De helt oplagte scenarier er:<\/h3>\n<ul>\n<li>Krydssalg\/opsalg af ekstra produkter<\/li>\n<li>Add-on services eller komplement\u00e6re produkter som fx gaveindpakning eller udvidet returret<\/li>\n<li>Mulighed for at huske kunden p\u00e5, at de fx skal tilf\u00f8je produkt B til kurven, hvis de k\u00f8ber produkt A (det kunne fx v\u00e6re at de skulle huske at l\u00e6gge \u2018Logo &#8211; eget design\u2019 i kurven, hvis de havde puttet 100 stk blanke logo-t-shirts i kurven)<\/li>\n<\/ul>\n<p>Der er nok andre og endnu mere oplagte muligheder netop for dig, men ovenst\u00e5ende har jeg selv haft brug for p\u00e5 mine webshops gennem tiden, senest p\u00e5 min webshop, hvor jeg s\u00e6lger v\u00e6gure i tr\u00e6, da jeg har \u00f8nsket at give kunden mulighed for at tilk\u00f8be et \u2018kl\u00e6bes\u00f8m\u2019, s\u00e5 de slipper for at bore i v\u00e6ggen.<\/p>\n<p>Jeg har dog valgt at fokusere p\u00e5 mine prim\u00e6re produkter indtil de kommer til kurven, og derfor har \u00f8nsket v\u00e6ret, at kunden f\u00f8rst bliver pr\u00e6senteret for muligheden i kurven, n\u00e5r de har forholdt sig til det prim\u00e6re produkt.<\/p>\n<p><strong>Er det sv\u00e6rt at lave?<\/strong><\/p>\n<p>Nej &#8211; som s\u00e5dan er det rimelig let at f\u00f8lge guiden, men det kan selvf\u00f8lgelig altid drille lidt &#8211; is\u00e6r hvis man g\u00e5r ind og retter lidt og gerne vil flytte rundt p\u00e5 checkboxe osv.<\/p>\n<p>Der er nogle steps, man skal f\u00f8lge &#8211; og der findes flere forskellige guider p\u00e5 engelsk, men de har alle haft en rigtig irriterende mangel, som jeg kommer ind p\u00e5 senere. Stort set alle guides er dog baseret p\u00e5 en stump kode fra Caroline Hill tilbage fra 2014.<\/p>\n<p>Guiden herunder viser, hvordan du laver \u2018Indpakning\u2019 som tilvalg i indk\u00f8bskurven.<\/p>\n<p><em>Bem\u00e6rk at funktionen kun virker p\u00e5 de temaer, hvor kurven har en side for sig selv &#8211; dvs. ikke p\u00e5 temaer med \u2018drawer-funktion\u2019 &#8211; dvs. hvor kurven fx kommer ind fra h\u00f8jre som overlay.<br \/>\nGuiden tager ogs\u00e5 udgangspunkt i, at du har et af de nyere temaer &#8211; et s\u00e5kaldt \u2018sectioned theme\u2019, som langt de fleste i dag bruger.<\/em><\/p>\n<h3>Step 1 &#8211; opret dit produkt<\/h3>\n<p>Opret dit indpakningsprodukt som en helt almindelig vare med en titel, beskrivelse, billede og pris. Husk at angive en h\u00f8j lagerstatus, s\u00e5 den ikke pludselig bliver udsolgt (eller sl\u00e5 det fra, s\u00e5 Shopify ikke kigger p\u00e5 lagerstatus).<\/p>\n<h3>Step 2 &#8211; opret en menu med dit produkt<\/h3>\n<p>Opret en menu (under Webshop &gt; Navigation), som du navngiver fx gift wrapping. Det er vigtigt at \u2018handle\u2019 for menuen bliver \u2018gift-wrapping\u2019 &#8211; men det b\u00f8r ske helt automatisk, hvis du kalder menuen for \u2018gift wrapping\u2019.<\/p>\n<p>Nu skal du v\u00e6lge at tilknytte dit indpakningsprodukt til din nye gift wrapping-menu &#8211; dvs. som en slags undermenupunkt. V\u00e6lg et navn til produktet og i link-feltet linker du til dit indpakningsprodukt.<\/p>\n<h3>Step 3 &#8211; kopier og inds\u00e6t en kodestump<\/h3>\n<p>Nu skal vi have indsat koden, der f\u00e5r det hele til at virke. Det g\u00f8r du under Webshop &gt; Temaer &gt; Handlinger (dropdown) &gt; Rediger kode.<\/p>\n<p>Under \u2018Snippets\u2019 ude til venstre i fil-menuen v\u00e6lger du \u2018Tilf\u00f8j en ny snippet\u2019. Kald den \u2018gift-wrapping\u2019 og tryk p\u00e5 Opret kodestykke.<\/p>\n<p>Inds\u00e6t koden fra <a href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0507\/8555\/0532\/files\/giftwrappingguide.txt\">dette link<\/a> og tryk Gem.<\/p>\n<p>Min udfordring med de andre guider, jeg kunne finde var, at det var besv\u00e6rligt for kunden at fjerne indpakningsproduktet igen, hvis man f\u00f8rst havde tilf\u00f8jet det til kurven.<\/p>\n<p>Man skulle nemlig ned og unchecke checkboxen igen for at fjerne indpakningsproduktet fra kurven &#8211; men rigtig mange kunder trykkede p\u00e5 \u2018Fjern\u2019 oppe ved varelinjerne i indk\u00f8bskurven, da det normalt er her, man fjerner produkter &#8211; men s\u00e5 kom indpakningsproduktet bare tilbage i kurven igen med det samme &#8211; til stor frustration for kunderne.<\/p>\n<p>Jeg har derfor tilf\u00f8jet en lille \u2018soft-remove\u2019, s\u00e5 kunden ogs\u00e5 kan fjerne produktet via Fjern-linket.<\/p>\n<h3>Step 4 &#8211; inds\u00e6t din nye kode i indk\u00f8bskurven<\/h3>\n<p>Mens du stadig under Rediger kode, s\u00e5 find cart-template.liquid (alternativt cart.liquid) under \u2018Sections\u2019.<\/p>\n<p>S\u00f8g p\u00e5 &lt;\/form&gt; i den fil &#8211; alts\u00e5 hvor selve form-koden slutter, og inds\u00e6t f\u00f8lgende p\u00e5 en linje for sig selv lige ovenover:<\/p>\n<pre>{% render 'gift-wrapping' %}<\/pre>\n<p>Klik p\u00e5 gem.<\/p>\n<p>Nu skulle du gerne have en checkbox i kurven, hvor kunden har mulighed for at v\u00e6lge gaveindpakning &#8211; og den kan selvf\u00f8lgelig styles og tilpasses dit behov.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hvis du har en webshop p\u00e5 Shopify-platformen, s\u00e5 er denne guide muligvis noget for dig. Alternativt kan du tjekke shopify kurset her p\u00e5 siden ud &#8211; det kan klart anbefales! Jeg har arbejdet fuldtid med e-handel og konverteringsoptimering i snart 20 \u00e5r, og i min fritid har jeg drevet flere forskellige webshops, heraf de seneste [&hellip;]<\/p>\n","protected":false},"author":2984,"featured_media":16100,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[108],"tags":[],"class_list":["post-16097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-konverteringsoptimering"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shopify: Giv kunden en ekstra mulighed i kurven - NemProgrammering.dk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shopify: Giv kunden en ekstra mulighed i kurven - NemProgrammering.dk\" \/>\n<meta property=\"og:description\" content=\"Hvis du har en webshop p\u00e5 Shopify-platformen, s\u00e5 er denne guide muligvis noget for dig. Alternativt kan du tjekke shopify kurset her p\u00e5 siden ud &#8211; det kan klart anbefales! Jeg har arbejdet fuldtid med e-handel og konverteringsoptimering i snart 20 \u00e5r, og i min fritid har jeg drevet flere forskellige webshops, heraf de seneste [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/\" \/>\n<meta property=\"og:site_name\" content=\"NemProgrammering.dk\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-07T13:06:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-18T07:30:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nemprogrammering.dk\/wp\/wp-content\/uploads\/2021\/01\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven.png\" \/>\n\t<meta property=\"og:image:width\" content=\"885\" \/>\n\t<meta property=\"og:image:height\" content=\"270\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kenneth Bon Nielsen, puretime.dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kenneth Bon Nielsen, puretime.dk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutter\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shopify: Giv kunden en ekstra mulighed i kurven - NemProgrammering.dk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/","og_locale":"da_DK","og_type":"article","og_title":"Shopify: Giv kunden en ekstra mulighed i kurven - NemProgrammering.dk","og_description":"Hvis du har en webshop p\u00e5 Shopify-platformen, s\u00e5 er denne guide muligvis noget for dig. Alternativt kan du tjekke shopify kurset her p\u00e5 siden ud &#8211; det kan klart anbefales! Jeg har arbejdet fuldtid med e-handel og konverteringsoptimering i snart 20 \u00e5r, og i min fritid har jeg drevet flere forskellige webshops, heraf de seneste [&hellip;]","og_url":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/","og_site_name":"NemProgrammering.dk","article_published_time":"2021-01-07T13:06:44+00:00","article_modified_time":"2021-10-18T07:30:39+00:00","og_image":[{"width":885,"height":270,"url":"https:\/\/www.nemprogrammering.dk\/wp\/wp-content\/uploads\/2021\/01\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven.png","type":"image\/png"}],"author":"Kenneth Bon Nielsen, puretime.dk","twitter_misc":{"Skrevet af":"Kenneth Bon Nielsen, puretime.dk","Estimeret l\u00e6setid":"4 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#article","isPartOf":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/"},"author":{"name":"Kenneth Bon Nielsen, puretime.dk","@id":"https:\/\/www.nemprogrammering.dk\/wp\/#\/schema\/person\/d846c8bb972240ce62477c75947967aa"},"headline":"Shopify: Giv kunden en ekstra mulighed i kurven","datePublished":"2021-01-07T13:06:44+00:00","dateModified":"2021-10-18T07:30:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/"},"wordCount":856,"commentCount":2,"image":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nemprogrammering.dk\/wp\/wp-content\/uploads\/2021\/01\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven.png","articleSection":["Konverteringsoptimering"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/","url":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/","name":"Shopify: Giv kunden en ekstra mulighed i kurven - NemProgrammering.dk","isPartOf":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#primaryimage"},"image":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nemprogrammering.dk\/wp\/wp-content\/uploads\/2021\/01\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven.png","datePublished":"2021-01-07T13:06:44+00:00","dateModified":"2021-10-18T07:30:39+00:00","author":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/#\/schema\/person\/d846c8bb972240ce62477c75947967aa"},"breadcrumb":{"@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#primaryimage","url":"https:\/\/www.nemprogrammering.dk\/wp\/wp-content\/uploads\/2021\/01\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven.png","contentUrl":"https:\/\/www.nemprogrammering.dk\/wp\/wp-content\/uploads\/2021\/01\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven.png","width":885,"height":270},{"@type":"BreadcrumbList","@id":"https:\/\/www.nemprogrammering.dk\/wp\/shopify-giv-kunden-en-ekstra-mulighed-i-kurven\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/www.nemprogrammering.dk\/wp\/"},{"@type":"ListItem","position":2,"name":"Shopify: Giv kunden en ekstra mulighed i kurven"}]},{"@type":"WebSite","@id":"https:\/\/www.nemprogrammering.dk\/wp\/#website","url":"https:\/\/www.nemprogrammering.dk\/wp\/","name":"NemProgrammering.dk","description":"Gratis HTML, CSS, PHP, WORDPRESS TUTORIALS OG GUIDES","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nemprogrammering.dk\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/www.nemprogrammering.dk\/wp\/#\/schema\/person\/d846c8bb972240ce62477c75947967aa","name":"Kenneth Bon Nielsen, puretime.dk","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/dcb54b52f50c272ba9573cbe871e35414dcc2b06c170115c11fbbefb1b4e47b0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dcb54b52f50c272ba9573cbe871e35414dcc2b06c170115c11fbbefb1b4e47b0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcb54b52f50c272ba9573cbe871e35414dcc2b06c170115c11fbbefb1b4e47b0?s=96&d=mm&r=g","caption":"Kenneth Bon Nielsen, puretime.dk"},"url":"https:\/\/www.nemprogrammering.dk\/wp\/author\/kennethbn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/posts\/16097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/users\/2984"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/comments?post=16097"}],"version-history":[{"count":4,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/posts\/16097\/revisions"}],"predecessor-version":[{"id":18548,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/posts\/16097\/revisions\/18548"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/media\/16100"}],"wp:attachment":[{"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/media?parent=16097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/categories?post=16097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nemprogrammering.dk\/wp\/wp-json\/wp\/v2\/tags?post=16097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}