Guide för att skapa & ändra Sidor och Statiska block - Speedcom E-Handel

Transkript

1 Guide för att skapa & ändra Sidor och Statiska block - Speedcom E-Handel * Zooma dokumentet (150%) så ser du skärmdumparna bättre. De flesta texter som du kan ändra ligger i statiska block så vi börjar guiden där. Man kan säga att ett statiskt block är ett stycke text och/eller bild som kan hämtas in t ex på en CMS sida eller som en beskrivning av en produktkategori. Längre ner i guiden tittar vi också på Sidor men du lägger till och/eller ändrar befintlig text på samma sätt under båda. En CMS sida är till skillnad från ett statiskt block en faktisk sida i butiken som man kan navigera till, t ex Kundtjänst. Under Katalog i admin kommer du att gå in på kategorier och produkter och där använder du samma verktyg för att skriva kategori- och produktbeskrivningar. 1. Logga in i butiksadmin ( ). 2. Gå in under CMS och klicka på Statiska block. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

2 3. Klicka på raden för det block som du vill ändra. Den rad som är markerad för att klicka på får en gulaktig bakgrund. Guide till CMS Speedcom E- Handel e

3 4. Så här ser sidan ut för att redigera, eller skapa, ett statiskt block. Här följer en beskrivning av varje punkt. Blocktitel: Denna titel säger att det är ett textblock, den finns under sidan Kundtjänst och handlar Om Demobutiken. Om du ska skapa ett nytt block så kan titeln vara vad som helst men vi föreslår att du namnger enligt ett liknande system som ovan dvs med typ av block, vilken sida den finns på och vad den handlar om. URL: Detta är ett id som inte används så mycket i admin så ändra INTE ett befintligt och om du skapar ett nytt block så välj något utan å, ä eller ö, bindestreck iställer för mellanslag och bara små bokstäver. Butiksvy: Välj i vilken/vilka butiksvy(er) som blocket ska synas. Har du bara en butiksvy så blir det enkelt Alla butiksvyer och har du flera så välj den som stämmer överens med språket du har skrivet på. Status: Välj om blocket ska vara aktivt eller ej i butiken. Innehåll: Se detaljerad bild på nästa sida. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

4 5. Här är en detaljerad bild av den s.k Wysiwyg editorn. Det är på många sätt samma som att arbeta med Microsoft Word ordbehandling och därför är det oftast något alla redan kan. Där är några tips som är viktiga för att design och layout i din butik ska bibehållas; - Ändra inte typsnitt (Font Family) på text. Typsnitt är angivet enligt stilmallar för hela butiken för att titlar och brödtext ska vara av genomgående samma formatering. Undantaget skulle vara om du har en kort uppmaning som behöver synas, t ex REA idag, men använd då i första hand fetstil, annan färg på texten och/eller textens bakgrund (Dessa 3 formateringar är markerade med rött i verktygslådan nedan). - Om du ska ändra befintlig text eller titel så markera och radera den texten du vill ta bort minus första och sista bokstaven. Skriv den nya texten/titeln och ta sist bort första och sista bokstaven/tecknet. På detta sätt riskerar man inte att ta bort någon formatering av texten som inte syns. - Du kan också markera den text du vill ändra och se hur verktygslådan förändras. Nedan kan du se att titeln som är markerad är en Heading 1. Hade den mindre texten under varit markerad så hade det stått Paragraph istället för Heading 1 och hade det varit den fetstilade texten längre ner så hade B varit markerad och det hade stått Paragraph istället för Heading 1. Testa dig fram! Guide till CMS Speedcom E- Handel e- handel@speedcom.se

5 6. För att göra en länk så markera texten som ska länkas, t ex Cras, och klicka på ikonen som ser ut som en kedjelänk. För att redigera en länk så klickar du på samma ikon. Om du vill ta bort en länk så markerar du länken och klickar på ikonen direkt till höger om kedjelänken, en bruten kedjelänk. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

6 Link URL: Adressen till sidan du vill länka till. Surfa till sidan och kopiera länken från adressfältet i webbläsaren. Target: Välj om länken ska öppnas i samma fönster/flik eller om den ska öppnas i en ny. För en intern länk i butiken så öppna i samma fönster/flik och för en extern länk, t ex Google, så öppna i ett nytt fönster/flik. Title: Det som visas om man håller muspekaren över en länk. Fyll i fälten ovan och klicka sist på Insert. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

7 7. För att infoga en bild så placera markören på det ställe i texten där du vill ha en bild. Klicka sedan på ikonen för Infoga bild, markerad med en röd ram nedan i skärmdumpen. Se nästa sida för fortsättningen. Tänk på att bilden som du infogar måste vara i rätt storlek när du laddar upp den. Rätt storlek betyder att den får plats på sidan där den ska visas och mäts i pixlar. Viktigt är också att bilden har sparats för webb dvs är komprimerad eftersom en bild direkt från din kamera kan vara flera megabyte stor och det skulle sakta ner visningen av din butik betydligt. Ändrar en bild gör du bäst i ett bildredigeringsprogram eller i en gratistjänst som pixlr.com. Vi har en guide för att använda den senare så fråga vid behov. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

8 8. I dialogfönstret som kommer upp så klicka på ikonen för Bläddra, markerad med en röd ram nedan. När du gör det kommer Bildgalleriet öppnas i bakgrunden och det är där du kan välja bild/ladda upp en ny men du behöver tillgång till det första dialogfönstret Insert/Edit Image som ett sista steg i att infoga en bild så minimera det fönstret så att du enkelt kan hitta det igen, innan du går vidare till Bildgalleriet i bakgrunden. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

9 9. Här har Bildgalleriet öppnats i bakgrunden så minimera dialogfönstret Insert/Edit Image som ligger ovanför och klicka sedan på Bildgalleriet (Media Storage). Guide till CMS Speedcom E- Handel e- handel@speedcom.se

10 10. Här är Bildgalleriet och här följer en beskrivning av knapparna. Create Folder: I den vänstra delen av fönstret ser du Storage Root som är rotkatalogen för alla bilder du laddar upp. Har du många bilder till olika sidor i butiken så rekommenderar vi att du skapar undermappar till rotkatalogen så att du enkelt kan hitta bilderna. Klicka på Create Folder och namnge den nya mappen så har du enkelt skapat en ny mapp. Tänk på att du måste ha markerat mappen som du vill ladda upp en bild till eller skapa en undermapp till. Browse Files: Klicka på den för att bläddra på din dator efter den/de bild(er) du vill ladda upp. Använd Ctrl eller Cmd för att markera flera bilder på din dator och ladda upp på en gång. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

11 11. Nedan har jag använt Browse Files knappen för att bläddra efter och välja en bild på min dator. Klicka på Upload Files för att ladda upp bilden du valt. Om du ångra valet av bild klickar du på Ta bort till höger om bildnamnet. Guide till CMS Speedcom E- Handel e

12 12. Här är bilden uppladdad och markerad och du kan se två stycken knappar som har tillkommit; Delete File och Insert File. Klicka på den senare för att infoga bilden och då försvinner Bildgallerisidan. Leta upp det första dialogfönstret Insert/Edit Image som du minimerade eller flyttade åt sidan några steg tillbaka i guiden (fönstret kan ha hamnat under ett annat webbläsarfönster så prova att gömma de andra om du inte hittar det). Guide till CMS Speedcom E- Handel e- handel@speedcom.se

13 13. I dialogfönstret anger du en Image Description och klickar på Insert. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

14 14. Nu har du lagt in bilden i texten som du kan se nedan. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

15 15. Då kan vi gå vidare med länka en bild. Markera bilden som då får en lätt blå ton och klicka sedan på ikonen som ser ut som en kedjelänk. För att redigera en länk så markerar du bilden du länkat och klickar på samma ikon. Om du vill ta bort en länk så markerar du bilden och klickar på ikonen direkt till höger om kedjelänken, en bruten kedjelänk. Här är en beskrivning av fälten för att länka en bild. Link URL: Adressen till sidan du vill länka till. Surfa till sidan och kopiera länken från adressfältet i webbläsaren. Target: Välj om länken ska öppnas i samma fönster/flik eller om den ska öppnas i en ny. För en intern länk i butiken så öppna i samma fönster/flik och för en extern länk, t ex Google, så öppna i ett nytt fönster/flik. Title: Det som visas om man håller muspekaren över en länk. Fyll i fälten ovan, klicka på Insert och avsluta med att klicka på Spara och fortsätt ändra eller Spara block. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

16 16. CMS Sidor fungerar i stort sett på samma sätt som Statiska block så här följer snabbt vad som skiljer dem åt. Gå in under CMS och klicka på Sidor. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

17 17. Precis som under Statiska block så har du en lista på sidor och du klickar på raden för den sida du vill arbeta med. Guide till CMS Speedcom E- Handel e

18 18. På första fliken, Information om sida så har du följande fält: Sidtitel: Detta är Meta titeln för sidan som kommer att synas i webbläsaren när man surfar in på sidan. Viktigt att denna titel ger en bra, kort och säljande beskrivning av innehållet. Motsvarande titel för sidor med produkter hittar du under varje kategori och är där minst lika viktig! URL Key: Skriv om din titel i ett kortare format, utan å, ä eller ö, små bokstäver och bindestreck istället för mellanslag. Detta blir adressen till sidan, t ex Butiksvy: Välj vilken Butiksvy sidan ska vara synlig. Status: Välj om sidan skall vara Aktiverad eller Iaktiverad. Guide till CMS Speedcom E- Handel e- handel@speedcom.se

19 19. Under fliken Innehåll hittar du samma som för Statiska block så vi refererar tillbaka till den delen av guiden för att skapa/ändra innehåll här. Guide till CMS Speedcom E- Handel e

20 20. Under fliken Metadata kan du skriva in ett mindre antal sökord (Nyckelord), typ 5 stycken, som väl resumerar sidans innehåll och tänk på att dessa ord ska finnas i texten på sidan. Samma för Beskrivning men här ska du summera sidans innehåll på 255 tecken och sökorden ska helst finnas med i den beskrivningen. Till sist, testa dig fram med de olika funktionerna och olika storlekar på bilder för att se vad som ser bäst ut i din butik. Om du stöter på problem eller om du har förslag på hur vi skulle kunna förbättra denna eller någon annan guide så kontakta oss gärna. Lycka till! Guide till CMS Speedcom E- Handel e- handel@speedcom.se