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

Funktionen Size Guide i Delaware-temat ger dina kunder en snabb överblick över mått och storlekar direkt på produktsidan. När du har konfigurerat funktionen visas en utfällbar knapp med namnet Size Guide på de produkter du väljer. När kunden klickar på knappen öppnas en tabell eller text med exakt den information som du har angett. Detta är särskilt användbart för kläder, skor, ringar, sportkläder och andra artiklar där passformen avgör om kunden beställer eller returnerar varan.

Så fungerar storleksguiden i Delaware-temat

Funktionen bygger på tre saker som behöver fungera tillsammans:

• En temainställning som aktiverar funktionen i Delaware-temat.
• En webbshopssida som innehåller guideinnehållet och har en tagg som börjar med size-guide (t.ex. size-guide-tojj).
• En produktetikett med exakt samma tagg som du tilldelar de produkter du vill att guiden ska visas på.

När en produkt har en etikett vars tagg innehåller strängen size-guide kommer temat automatiskt att leta upp en sida med samma tagg och visa dess innehåll i en utfällbar del på produktsidan. Det fungerar identiskt i Delaware och DelawareDK.

Steg 1: Aktivera Aktivera storleksguide i temainställningarna

Gå till Design i admin och öppna ditt aktiva Delaware-tema. Klicka på Inställningar och hitta avsnittet Produkt. Kryssa för Aktivera storleksguide. Om du vill ändra titeln på den utfällbara knappen kan du fylla i fältet Size guide title. Om du lämnar det tomt kommer temat automatiskt att skriva "Size guide" (eller "Size guide" om kunden befinner sig i en engelskspråkig version av butiken). Kom ihåg att klicka på Spara.

För en fullständig översikt över inställningarna för Delaware-temat, läs guiden för Delaware-temat.

Steg 2: Skapa en webbshopssida med själva guiden

Gå till Innehåll → Sidor och skapa en ny sida. Ge den ett beskrivande namn, t.ex. Guide till klädstorlekar. I innehållsfältet skriver du själva guiden, vanligtvis en tabell med storlekar och mått och en kort guide om hur kunden mäter sig själv.

Viktigt: I fältet Page tag skriver du in en tagg som börjar med size-guide. Lägg gärna till ett suffix som beskriver typen av produkt, t.ex. size-guide-clothes eller size-guide-shoes. Använd små bokstäver och bindestreck. Spara sidan.

Du kan läsa mer om sidor och hur du taggar dem i artikeln om statiska sidor.

Steg 3: Skapa en produktetikett med samma tagg

Gå till Etiketter under Produkter och klicka på Skapa ny. Ge etiketten ett namn, t.ex. Size guide clothes, och fyll i fältet Tag med exakt samma värde som på sidan, d.v.s. size-guide-clothing. Det är taggen som binder ihop produkten med sidan, så den måste vara identisk, tecken för tecken. Välj en färg om du vill och spara.

Läs mer om produktetiketter och hur du använder taggfältet i artikeln om produktetiketter.

Steg 4: Tilldela etiketten till relevanta produkter

Öppna en produkt i redigeringsvyn och leta upp avsnittet Etiketter. Bocka i den etikett du just skapat och spara. Du kan också välja flera produkter i produktlistan och tilldela etiketten i bulk via Bulk action, så att du inte behöver gå in på en produkt i taget.

När etiketten har satts på produkten visas utfällningsknappen automatiskt på produktsidan. Mer information om avsnittet Etiketter finns i guiden för redigering av produkter.

Exempel på innehåll för sidan

Du kan använda en enkel HTML-tabell som den här i innehållsfältet på sidan. Den fungerar bra inuti den utfällbara knappen:

<p>Mät dig själv över den bredaste delen av bröstet och håll måttbandet horisontellt.</p> <table> <tr><th>Storlek</th><th><th>Bröst (cm)</th><th><th>Mått i midja (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><td>112-116</td><td><td>98-102</td></tr> </table>

En liten bild som visar var du mäter är ofta värd mer än ord. Ladda upp bilden via redigeringsverktyget på sidan och placera den ovanför eller bredvid tabellen.

Fler guider för olika produkttyper

Kläder, skor och ringar har väldigt olika mått och kunden kommer att bli förvirrad av en enda tabell. Skapa istället en guide per produkttyp:

• En sida med taggen size-guide-panties och en matchande etikett.
• En sida med taggen size-guide-pants och en matchande etikett.
• En sida taggad med size-guide shoes och en matchande etikett.

Varje kombination är oberoende av de andra. Du kan ha hur många guider som helst så länge taggen börjar med size-guide och sidan och etiketten har exakt samma tagg.

Tips att tänka på

• Håll tabellen enkel. 3-5 viktiga mått är ofta tillräckligt. Långa tabeller med 14 kolumner kommer att skrämma bort kunden från knappen.
• Kontrollera den i mobilen. Många kunder handlar från sin telefon. Öppna en produkt i din egen mobil och se om tabellen får plats på skärmen.
• Förklara hur man mäter. En kort guide ovanför tabellen minskar felen, t.ex. "Mät midjan där du normalt har linningen".
• Lägg till flera storlekssystem. Om du har utländska kunder kan du lägga till EU-storlekar, brittiska storlekar och amerikanska storlekar utöver danska storlekar.
• Håll den uppdaterad. Om du byter leverantör och passformen ändras bör du samtidigt korrigera guiden, annars ökar returfrekvensen.

Vanliga frågor och svar

Vad är skillnaden mellan en sida och en etikett?

Sidan är där du skriver det faktiska innehållet, dvs. tabellen med storlekar och mått. Etiketten är ett klistermärke som du sätter på de produkter där guiden ska visas. Tänk på etiketten som en liten post-it som berättar för temat "visa sidan med storleksguiden här". Taggfältet på båda bör vara detsamma, eftersom det är det som knyter ihop dem.

Ska taggen vara exakt densamma på sidan och etiketten?

Ja, tecken för tecken. Om du skriver size-guide-clothing på sidan och size-guide-clothing på taggen kommer temat inte att hitta sidan. Håll dig till små bokstäver, siffror och bindestreck och kopiera taggen mellan sidan och etiketten för att undvika stavfel.

Måste jag sätta etiketten på varje produkt manuellt?

Nej, det behöver du inte. Du kan välja många produkter i produktlistan och tilldela etiketten i bulk via Bulk action. Det går snabbt på 100 eller 1000 produkter. Du behöver bara göra det för produkter där storleken är relevant.

Kan jag ha olika guider för olika produktkategorier?

Ja, och det är rekommendationen. Skapa en sida och en etikett per produkttyp, t.ex. storleksguide-trosor, storleksguide-byxor och storleksguide-skor. Tilldela rätt etikett till rätt produkter så att kunden ser rätt guide på varje produkt.

Vad händer om en produkt har flera storleksguidetiketter i taggen?

Temat kommer bara att visa den första av dem. Om en produkt till exempel har både storleksguide för kläder och storleksguide för skor, avgör ordningen vilken guide kunden ser. Lägg bara till en storleksguide på samma produkt för att undvika överraskningar.

Kan jag lägga till HTML, tabeller och bilder i guiden?

Ja, det kan du göra. Sidan behandlas som vanligt sidinnehåll, så tabeller, bilder och länkar fungerar som förväntat. Tabeller är klart bäst för själva målen, och en liten bild som visar mätpunkter hjälper kunden att komma igång. Håll det enkelt så att det fungerar även på mobilen.

Påverkar guiden SEO eller pagespeed?

Innehållet placeras som vanlig HTML på produktsidan, även om utfällningsknappen är stängd. Google kan därför indexera det och du kan få long-tail-trafik på t.ex. "size guide [product group]". Pagespeed-påverkan är minimal om guiden är ren text och tabell. Om du använder stora bilder eller video ska du komprimera filerna.

Kan jag testa guiden utan att visa den för alla kunder direkt?

Ja, det kan du göra. Ställ in webbshopssidan på offline medan du arbetar med innehållet eller tilldela etiketten till en testprodukt först. Öppna produkten i en inkognitoflik och kontrollera att den utfällbara knappen visas och att innehållet ser rätt ut. När det fungerar kan du lägga upp sidan online och tilldela etiketten bredare.

Jag har aktiverat alternativet, men knappen visas inte. Vad är det som är fel?

Tre saker måste vara på plats samtidigt: 1) Enable size guide är aktiverat i temainställningarna och sparat, 2) produkten har en etikett vars tagg börjar med size-guide, och 3) det finns en butikssida med exakt samma tagg och sidan är online. Kontrollera om det finns stavfel i taggen på båda ställena. Detta är den vanligaste orsaken till att knappen inte visas.

Om du behöver hjälp är du välkommen att kontakta oss på support@shoporama.dk.