En julkalender går att skapa relativt enkelt där varje lucka endast går att öppna under respektive dag. Varje lucka har en länk som exempelvis kan leda till en artikelsida med en prissänkt produkt eller taggsida innehållandes flera erbjudanden.
Se exempel på hur julkalendern i guiden kan se ut här:
http://demo.e37.se/sv/julkalender
För att skapa en kalender enligt nedanstående guide behöver du:
- Modulen Bildkarta aktiverad i E37 admin. (Du kan logga in i admin och kontrollera om du har den aktiverad under Underhåll -> Moduler.)
- Fotoredigeringsprogrammet Adobe Photoshop
- En bakgrundsbild till julkalendern i liggande format. I exemplet nedan används följande bild:
https://stocksnap.io/photo/A0ZLU5X6WN - Luckor att placera på bakgrundsbilden (kan hämtas i guiden nedan)
- Tilläggsmodulen Kampanjhantering (automatiska kampanjer). Denna modulen är inte helt nödvändig, men underlättar hanteringen av julkalendern mycket då kampanjer kan sättas upp som automatiskt aktiveras under respektive dag. Som alternativ kan tidsstyrda extrapriser användas.
Denna guide är uppdelad i följande steg:
- Skapa själva bilden på julkalendern i Adobe Photoshop (med hjälp av mall från E37).
- Ladda upp julkalendern i admin
- Skapa klickbara ytor (luckor)
- Lägga in julkalendern på en innehållssida i webbshoppen
- Ange kampanjer/extrapriser för artiklar på något av följande sätt:
a) Tidsstyrda extrapriser
1. Ange rabatterade priser under viss period
b) Automatiska kampanjer
1. Skapa taggar och märk upp artiklar
2. Skapa kampanjer för varje tagg som endast är aktiverade respektive dag
1. Skapa julkalenderbild i Adobe Photoshop
- Starta Adobe Photoshop och öppna bakgrundsbilden. Om du inte har någon bild att använda just nu, kan du ladda ned följande bild i testsyfte:
https://stocksnap.io/photo/A0ZLU5X6WN - Ändra storlek på bilden för att få den lika bred som din webbshop.
Bild -> Bildstorlek
Justera bildens Bredd och låt höjden automatiskt anpassa sig proportionerligt.
Ladda ned någon av följande mallar för luckorna i pdf-format.
- Mall för vita luckor med siffror i oordning
- Mall för vita luckor med siffror i ordning
- Mall för svarta luckor med siffror i oordning
- Mall för svarta luckor med siffror i ordning
Du hittar filerna längst ned i denna guide under rubriken Bilagor.
Notera att om du bara tittar på en av pdf-filerna för vita luckor utanför Photoshop så kommer de troligen att se helt vita ut. Detta då genomskinlig bakgrund visas som vitt. I Photoshop kommer dock luckorna att synas.
- Placera luckorna på bilden i Photoshop på följande sätt:
Arkiv -> Montera inbäddat... -> Välj mallen du laddade ned och klicka på knappen Montera. Klicka OK i nästa dialogruta som visas. Högerklicka slutligen på bilden och välj Montera.
- Spara bilden i JPG-format. (Tillvägagångssättet kan skilja sig lite beroende på version av Photoshop.)
Arkiv -> Export -> Spara för webb... -> Välj JPG under Format och (förslagsvis) 90% under Kvalitet. Klicka därefter på knappen Spara. Ange filnamn och spara bilden.
2. Ladda upp bilden på julkalendern i admin
- Gå till filarean i admin:
Webbplats -> Filarea - Skapa förslagsvis en ny mapp i filarean som kan heta "Julkalender". Klicka på knappen Ny mapp, fyll i Julkalender och klicka på Spara.
- Välj mappen Julkalender i listan över mappar.
- Klicka på knappen Ladda upp fil, leta upp julkalenderbilden du sparade ovan och ladda upp den i filarean.
3. Skapa klickbara ytor (luckor)
- Gå till mappen Julkalender i filarean i admin:
Webbplats -> Filarea -> välj mappen Julkalender - Klicka på
-ikonen längst till höger om julkalenderbilden. - Klicka på knappen för Bildkarta.
- Bocka i att bildkartan ska vara aktiverad.
- Välj Rektanglar eller Rektanglar med indikation under Visa ytor som. Rektanglar med indikation fungerar likadant som Rektanglar, men de klickbara rektanglarna markeras även av en halvgenomskinlig vit ruta när användaren för muspekaren över dem. Så länge dina luckor på bilden är tydliga rutor fungerar endera valet.
- Nu ska alla 24 klickbara ytorna (luckor) ritas ut och tilldelas länkar. Klicka, håll ned och dra för att skapa en klickbar yta för varje lucka. En liten popup visas därefter där t.ex. artikelnummer eller varugrupp kan definieras och dit länken kommer leda.
- Klicka på Spara när alla luckor är klara.
(Du kan när som helst ändra ytorna och länkarna genom att gå tillbaka hit till verktyget för bildkarta.)
4. Lägga in julkalender på innehållssida i webbshoppen
Julkalendern kan läggas in på webbshoppens startsida, men vanligast är att den läggs in på en undersida och att en puff/länk läggs in på startsidan till julkalendern.
- Skapa först en ny innehållssida i admin:
Webbplats -> Sidor -> knappen Ny sida - Ange förslagsvis Julkalender under Sidans titel.
- Klicka på Spara.
- Klicka på Julkalender i listan över sidor i webbshoppen.
- Klicka på knappen Lägg till Widget under fliken Innehåll.
- Välj widgeten Bild och klicka på Nästa.
- Välj fliken Widgetinställningar.
- Klicka på Bläddra och leta upp julkalenderbilden i filarean. Markera den och klicka därefter på OK.
- Klicka på knappen Lägg till.
- Klicka på knappen Spara.
Du kan nu se julkalendern i din webbshop på följande adress:
http://www.dindomän.se/sv/julkalender
5. a) 1. Ange rabatterade priser under viss period
Extrapriser för specifika artiklar går att ställa in så de gäller under en begränsad period, d.v.s. under en hel dag i det här fallet.
- Extrapriser anges på respektive artikel i artikelregistret. Gå till:
E-handel -> Artiklar -> Artikelregister - Sök fram aktuell artikel och klicka på dess artikelnummer.
- Välj Allmänna inställningar i menyn som visas.
- Byt till fliken Priser.
- Ange ett Reapris.
- Ange ett tidsintervall då reapriset ska gälla, t.ex. 2015-12-01 00:00 till 2015-12-01 23:59.
- Klicka på knappen Spara.
- Repetera steg 2-7 för alla artiklar som ska ingå i julkalendern.
5. b) 1. Skapa taggar och märk upp artiklar
Den eller de artiklar som ska ingå i kampanjen för respektive dag ska märkas upp genom att sätta en tagg på artiklarna. Först ska 24 taggar skapas i admin.
- Gå till E-handel -> Artiklar -> Artikeltaggar
- Klicka på knappen Ny tagg.
- Ange Julkalender under både Tagg och Titel.
- Klicka därefter på Spara.
- De 24 taggarna ska nu placeras som undertaggar till taggen Julkalender. Klicka på knappen Ny tagg.
- Välj Julkalender under Förälder och se till att Visa på artikelsida INTE är vald. (Annars kommer du eventuellt avslöja vilka produkter du kommer att ha erbjudanden på under december.)
- Ange 1dec under både Tagg och Titel.
- Bocka endast i Har egen sida om flera artiklar ska ingå i en kampanj för denna dag/tagg. (Länken på luckan i julkalendern ska då leda till denna taggsida.)
- Klicka på knappen Spara.
- Repetera steg 5-9 ovan och skapa alla 24 taggarna.
URL:en till de olika dagarna kan gå att gissa
Om du i skapar artikeltaggarna med namn som "1dec", "2dec" osv enligt ovan så sätts som förval sökvägen till tagg-sidorna till /sv/tag/1dec, /sv/tag/2dec osv. Då kan en besökare gissa sig till vilken URL kommande dagars luckor kommer få och se vilka artiklar som ligger där. Det betyder inte att priserna för dessa artiklar blir sänkta i förväg, bara att det går se vilka artiklar som finns under kommande luckor.
Om du vill förhindra detta kan du ändra sökvägen till varje tagg under fliken Sökmotoroptimering för taggen och valet URL där. Om sökvägarna får en slumpad del, till exempel /sv/tag/1dec-xyz, /sv/tag/2dec-rt3 så går de inte längre gissa sig till så lätt. Givetvis behöver du länka korrekt till dessa i steg 3 i guiden "Skapa klickbara ytor (luckor)" ovan.
Notera också att en artikeltaggsida ger 404 så länge den inte har några artiklar alls att visa, så om du försöker ladda sidan direkt när du skapat den så kommer det inte fungera.
- Repetera steg 5-9 ovan och skapa alla 24 taggarna.
- Nu ska artiklarna märkas upp med respektive tagg i artikelregistret:
E-handel -> Artiklar -> Artikelregister - Sök fram den artikel som ska vara rabatterad 1 dec. Klicka på dess artikelnummer och välj Allmänna inställningar.
- Ange 1dec under Taggar.
- Klicka på knappen Spara.
- Repetera steg 12-14 ovan och taggar upp artiklar för alla 24 dagar/taggar.
5. b) 2. Skapa kampanjer som endast är aktiverade respektive dag
Denna punkt kräver att tilläggsmodulen Kampanjhantering (automatiska kampanjer) är aktiverad. (Du kan logga in i admin och kontrollera om du har den aktiverad under Underhåll -> Moduler.)
- Gå till verktyget i admin för att skapa kampanjer:
E-handel -> Priser -> Kampanjer - Klicka på knappen Ny kampanj.
- Ange förslagsvis Julkalender 1 dec som Namn på kampanj.
- Ange Typ av rabatt och övriga kriterier och villkor för kampanjen.
- Ange Giltighetstid till 1 december och begränsa kampanjen till taggen 1dec.
- Klicka på knappen Spara.
- Repetera steg 2-6 ovan för att skapa 24 kampanjer för alla dagar/luckor.