Sådan laver du en størrelsesguide i Delaware-temaet

Størrelsesguide-funktionen i Delaware-temaet giver dine kunder et hurtigt overblik over mål og størrelser direkte på produktsiden. Når den er sat op, vises der en fold-ud-knap kaldet Størrelsesguide på de produkter, du selv vælger. Klikker kunden på knappen, åbnes en tabel eller tekst med præcis den information, du har lagt ind. Det er især nyttigt til tøj, sko, ringe, sportstøj og andet hvor passform afgør om kunden bestiller, eller om varen kommer retur.

Sådan virker størrelsesguiden i Delaware-temaet

Funktionen bygger på tre ting der skal hænge sammen:

• En theme-setting der tænder funktionen i Delaware-temaet.
• En webshop-side der indeholder selve guide-indholdet og har et tag der starter med size-guide (fx size-guide-toj).
• En produktlabel med præcis samme tag, som du tildeler de produkter, guiden skal vises på.

Når et produkt har et label hvis tag indeholder strengen size-guide, slår temaet automatisk op på en side med samme tag og viser dens indhold i en fold-ud på produktsiden. Det fungerer identisk i Delaware og DelawareDK.

Trin 1: Aktivér Enable size guide i temaindstillingerne

Gå til Design i admin og åbn dit aktive Delaware-tema. Klik Indstillinger og find sektionen Product. Sæt flueben i Enable size guide. Hvis du vil ændre overskriften på fold-ud-knappen, kan du udfylde feltet Size guide title. Lader du det stå tomt, skriver temaet automatisk "Størrelsesguide" (eller "Size guide" hvis kunden er på en engelsksproget version af shoppen). Husk at klikke Gem.

Hvis du vil have hele overblikket over Delaware-temaets indstillinger, kan du læse guiden til Delaware-temaet.

Trin 2: Opret en webshop-side med selve guiden

Gå til Indhold → Sider og opret en ny side. Giv den et beskrivende navn, fx Størrelsesguide tøj. I indholdsfeltet skriver du selve guiden, typisk en tabel med størrelser og mål samt en kort vejledning i hvordan kunden måler sig selv.

Vigtigt: I feltet Tag på siden skriver du et tag der starter med size-guide. Tilføj gerne en endelse der beskriver produkttypen, fx size-guide-toj eller size-guide-sko. Brug små bogstaver og bindestreger. Gem siden.

Du finder mere om sider og hvordan de tagges i artiklen om statiske sider.

Trin 3: Opret et produktlabel med samme tag

Gå til Labels under Produkter og klik Opret ny. Giv labelet et navn, fx Størrelsesguide tøj, og udfyld feltet Tag med præcis samme værdi som på siden, altså size-guide-toj. Det er tagget der binder produktet til siden, så det skal være identisk, tegn for tegn. Vælg en farve hvis du vil og gem.

Læs mere om produktlabels og hvordan tag-feltet bruges i artiklen om produktlabels.

Trin 4: Tildel labelet til de relevante produkter

Åbn et produkt i redigeringsvisningen og find sektionen Labels. Sæt flueben i det label, du lige har oprettet, og gem. Du kan også markere flere produkter i produktlisten og tildele labelet i bulk via Massehandling, så du slipper for at gå ind på et produkt ad gangen.

Når labelet er på produktet, vises fold-ud-knappen automatisk på produktsiden. Detaljer om sektionen Labels finder du i guiden til redigering af produkter.

Eksempel på indhold til siden

Du kan bruge en simpel HTML-tabel som denne i indholdsfeltet på siden. Den fungerer fint indeni fold-ud-knappen:

<p>Mål dig selv hen over det bredeste sted af brystet, og hold målebåndet vandret.</p>
<table>
  <tr><th>Størrelse</th><th>Bryst (cm)</th><th>Talje (cm)</th></tr>
  <tr><td>S</td><td>88-92</td><td>74-78</td></tr>
  <tr><td>M</td><td>96-100</td><td>82-86</td></tr>
  <tr><td>L</td><td>104-108</td><td>90-94</td></tr>
  <tr><td>XL</td><td>112-116</td><td>98-102</td></tr>
</table>

Et lille billede der viser hvor man måler henne, gør ofte mere end mange ord. Upload billedet via redigeringsværktøjet på siden og placér det over eller ved siden af tabellen.

Flere guides til forskellige produkttyper

Tøj, sko og ringe har vidt forskellige mål, og kunden bliver forvirret af en samlet tabel. Lav i stedet en guide pr. produkttype:

• En side med tagget size-guide-trojer og et matchende label.
• En side med tagget size-guide-bukser og et matchende label.
• En side med tagget size-guide-sko og et matchende label.

Hver kombination er uafhængig af de andre. Du kan have lige så mange guides, du har lyst til, så længe tagget starter med size-guide og side og label har præcis samme tag.

Gode råd

• Hold tabellen enkel. 3-5 nøglemål er ofte nok. Lange tabeller med 14 kolonner skræmmer kunden væk fra knappen.
• Tjek den på mobil. Mange kunder handler fra telefonen. Åbn et produkt på din egen mobil og se om tabellen passer på skærmen.
• Forklar hvordan man måler. En kort vejledning over tabellen reducerer fejl, fx "Mål livvidden hvor du normalt har bukselinningen".
• Tilføj flere størrelsessystemer. Hvis du har udenlandske kunder, så medtag EU, UK og US-størrelser ud over de danske.
• Hold den opdateret. Skifter du leverandør og pasformen ændres, så ret guiden samtidig, ellers stiger returprocenten.

Ofte stillede spørgsmål

Hvad er forskellen på en side og et label?

Siden er der hvor du skriver selve indholdet, altså tabellen med størrelser og mål. Labelet er en mærkat, du sætter på de produkter, hvor guiden skal vises. Tænk på labelet som en lille post-it, der fortæller temaet "vis størrelsesguide-siden her". Tag-feltet på begge skal være ens, for det er det, der binder dem sammen.

Skal tagget være præcis ens på siden og labelet?

Ja, tegn for tegn. Skriver du size-guide-toj på siden og size-guide-tøj på labelet, finder temaet ikke siden. Hold dig til små bogstaver, tal og bindestreger, og kopier tagget mellem siden og labelet for at undgå tastefejl.

Skal jeg sætte labelet på hvert eneste produkt manuelt?

Nej. Du kan markere mange produkter i produktlisten og tildele labelet i bulk via Massehandling. Det er hurtigt på 100 eller 1000 produkter. Du behøver kun gøre det for produkter, hvor størrelse er relevant.

Kan jeg have forskellige guider for forskellige produktkategorier?

Ja, og det er anbefalingen. Opret en side og et label pr. produkttype, fx size-guide-trojer, size-guide-bukser og size-guide-sko. Tildel det rigtige label til de rigtige produkter, så ser kunden den korrekte guide på hvert produkt.

Hvad sker der hvis et produkt har flere labels med size-guide i tagget?

Temaet viser kun den første af dem. Hvis et produkt fx har både size-guide-toj og size-guide-sko, er det rækkefølgen, der afgør hvilken guide kunden ser. Sæt kun ét size-guide-label på samme produkt for at undgå overraskelser.

Kan jeg lægge HTML, tabeller og billeder ind i guiden?

Ja. Siden behandles som almindeligt sideindhold, så tabeller, billeder og links virker som forventet. Tabeller er klart bedst til selve målene, og et lille billede der viser målepunkter, hjælper kunden i gang. Hold det enkelt så det også fungerer på mobil.

Påvirker guiden SEO eller pagespeed?

Indholdet ligger som almindelig HTML på produktsiden, også selvom fold-ud-knappen er lukket. Google kan derfor indeksere det, og du kan få long-tail trafik på fx "størrelsesguide [varegruppe]". Pagespeed-påvirkning er minimal hvis guiden er ren tekst og tabel. Bruger du store billeder eller video, så hold filerne komprimerede.

Kan jeg teste guiden uden den vises for alle kunder med det samme?

Ja. Sæt webshop-siden til offline mens du arbejder med indholdet, eller tildel labelet til ét testprodukt først. Åbn produktet i en inkognito-fane og tjek at fold-ud-knappen vises og indholdet ser rigtigt ud. Når det fungerer, kan du sætte siden online og tildele labelet bredere.

Jeg har aktiveret indstillingen, men knappen kommer ikke frem. Hvad er der galt?

Tre ting skal være på plads samtidig: 1) Enable size guide er slået til i temaindstillingerne og gemt, 2) produktet har et label hvis tag starter med size-guide, og 3) der findes en webshop-side med præcis samme tag og siden er sat online. Tjek for stavefejl i tagget begge steder. Det er den hyppigste årsag til at knappen ikke kommer.

Har du brug for hjælp, er du velkommen til at kontakte os på support@shoporama.dk.