Kom igång snabbt - Se introduktionsfilm om Visuell redigering
Innehåll
Arbeta med länkar
Ett av de mest traditionella metoderna för att göra en webshop interaktiv är att använda länkar. Länkar ger besökaren möjlighet att navigera på ett smidigt sätt.
Länka en text eller bild
Om du t.ex. redigerar text och bild i en redigeringsyta har du möjlighet att länka texten till en annan sida i din e-butik, en fil, eller en helt annan hemsida. Först måste du markera det som du vill länka. Du kan länka ett eller flera ord i en mening och du kan länka bilder. För att markera text sätter du musmarkören bredvid ordet där länken ska börja, klickar (håll ner musknappen) och drar musen över ordet så att den får en blå bakgrundsfärg. När texten är markerad kommer länk-knappen att lysa upp så att du kan klicka det.
Välj länk
Det finns tre olika alternativ att välja på när du ska skapa en länk.
Länka till en extern webbadress
Om du vill referera besökaren till en sida som inte tillhör din webbplats kan du ange adressen (url) till sidan i det första fältet. Detta kan vara bra om du t.ex. vill skicka besökaren till ditt företags Facebook-sida eller till en återförsäljares egen hemsida.
Länka till egen sida
Den allra vanligaste typ av länk är en som länkar inom samma webbplats. Vill du t.ex. referera besökaren till din kontaktsida kan du ange t.ex ordet "Kontakt" i "Sök"-fältet när du länkar. Systemet kommer då att ta fram alla sidorna som innehåller ordet "Kontakt" så att du enkelt kan välja din kontaktsida.
Länka till en fil (PDF, DOC mm.)
Har du en PDF-fil, DOC-fil eller andra typer av filer som du vill dela med dina besökare och låta de ladda ner det kan du länka till filen direkt. Alla filer som är kopplade till din webbplats lagra något som kallas resurshanterare. Du kan själv ladda upp filer i resurshanteraren om de inte redan finns uppladdade.
Skapa en egen 404-sida
När en besökare försöker att öppna en sida som inte finns på din webshop så ser de felkod 404. Meddelandet kan se rätt tråkigt ut, men du har möjlighet att göra en egen sida utav det och visa din egen text för besökaren.
Sidan skapar du precis som vilken annan sida som helst under "Navigering" och du döper den till 404. Se även till att det står just 404 i fältet "Sökmotorvänligt namn" och att kryssrutan "Synlig" är urkryssad.
Välj en layout som passar det innehåll du vill lägga in och som besökaren ska mötas av om de går till en sida som inte finns. Glöm inte att fylla sidan med det innehåll du önskar.
Favicon, sitemap och robots
Favicon är den lilla bild eller ikon som visas till vänster om adressfältet i de flesta webbläsare. Samma ikon visas även i listor för tex "Bokmärken". En sitemap listar de sidor som hemsidan utgörs av och är bland annat en hjälp för sökrobotar. Filen robots används för att tala om för sökrobotar att inte besöka vissa delar av en webbplats.
Favicon
Följ stegen nedan för att lägga till favicon på din webshop.
- Skapa filen favicon.ico
Allra först måste du skapa den så kallade favicon-filen (favicon.ico). Favicon-filen är en bild med ett visst filformat och dess namn måste sluta med .ico. Det räcker dock inte att enbart byta namn på bilden utan den måste skapas med ett speciellt verktyg. För detta finns det ett stort antal olika tjänster på nätet. Vi föreslår att du gör en sökning på Internet efter tex "favicon generator". Skapa alltså först den bild du vill visa och använd sedan valfritt verktyg för att konvertera den till en korrekt favicon-fil. I moderna webbläsare fungerar även andra bildformat men för att vara säker rekommenderar vi .ico. - Infoga favicon på din webshop
Att infoga favicon-filen i din webshop är väldigt enkelt. Du behöver bara importera filen till resurshanteraren, vilken man kan göra på olika sätt. Det enklaste sättet är att gå in på Inställningar > Temainställningar och klicka på "Byt bild" intill logotypen. Du ska alltså inte byta logotyp, utan du använder denna knapp bara som en genväg för att importera bilden till resurshanteraren. Efter att importen är slutförd avbryter du resurshanteraren utan att ändra logotyp. Slutligen så går du till temainställningarna och väljer "Spara och bygg om".
Kontrollera nu att din hemsida visar vald favicon. Observera att din webbläsare kan ha cachat information vilket gör att det kan ta en stund innan den visas. Testa gärna i flera webbläsare.
Sitemap
Skapa först filen sitemap.xml och ladda sedan upp den på samma sätt som för en favicon. Se stycket "Infoga favicon på din webshop" ovan.
Robots
Skapa först filen robots.txt och ladda sedan upp den på samma sätt som för en favicon. Se stycket "Infoga favicon på din webshop" ovan.
Lägg till och hantera block
Med vår visuella redigering bygger du upp strukturen på dina sidor med hjälp av block. Ett block är en yta. Varje sida består av ett eller vanligtvis flera block. Blockmetoden gör det enkelt för dig som användare att addera nytt innehåll och samtidigt bibehålla en snygg design.
Flytta och ta bort block
Om du vill ta bort ett block eller flytta ett block upp eller ned på sidan klickar du på pil-ikonen bredvid blocket så får du upp en dialogruta med alternativ.
Infoga block
När du vill infoga ett nytt block är det bara att klicka på pil-ikonen längst ner på sidan så får upp en dialogruta där du väljer vilken typ av block du vill använda. Ett nytt block hamnar alltid efter alla befintliga block i samma yta.
Lägg till och hantera widgets
I varje block adderar du en widget, vilket är en paketering av en viss funktion eller egenskap som kan adderas till din hemsidan. Exempel på widgets är bildspel, formulär, banner, redigeringsyta m.fl. Widgets är väldigt enkla att arbeta med och har intuitiva inställningar för att du enkelt ska kunna göra det du vill.
Lägga till en widget
När du befinner dig i det visuella redigeringsläget (Live Edit) så kan du överallt där du har lagt in ett block på en yta lägga in widgets. För musen över blockets olika delar så dyker det upp en knapp för att lägga till widgets (se bild nedan). Välj i listan vilken widget du vill ha och klicka på den så dyker funktionen in.
Förändra en widget
Alla widgets har inställningar som du kan ändra på för att ändra hur din widget ska se ut eller fungera. För musen över widgeten så dyker det upp en en knapp för att redigera inställningarna (se bild nedan)
Inställningsdialogen
När man har klickat på knappen för att redigera en widget dyker en dialogruta upp med alla inställningar för widgeten. Längst ner i dialogrutan finns följande knappar:
Ta bort
Tar bort widgeten och ger möjlighet att lägga in en annan widget. Observera att alla inställningar försvinner om man tar bort en widget.
Förhandsgranska
Funktion för att förhandsgranska ändringar man har gjort utan att det uppdateras för alla besökare. Välj "Avbryt" om ändringarna inte ska sparas.
Spara
Sparar inställningarna och genererar om widgeten enligt eventuella förändringar
Avbryt
Avbryter redigeringen och återställer widgeten till det tillstånd den hade innan inställningsdialogen öppnades.
Notera!
Widgeten Redigeringsyta är undantagen från ovanstående och gör istället om ytan där den låg till en ordbehandlare med knapparna "Ta bort", "Spara" och "Avbryt" längst ned.
Anmälan till nyhetsbrev
Den här widgeten gör så att du kan ta emot anmälningar till ditt nyhetsbrev. Nyhetsbrev är en viktig och kostnadseffektiv marknadsföringsaktivitet som vi rekommenderar alla våra kunder att använda.
Så här fungerar den
När en besökare fyller i sin e-postadress och allt går bra så sker 3 saker. Först av allt så försvinner widgeten och besökaren får ett meddelande på skärmen där widgeten fanns om att anmälan till nyhetsbrevet gick bra. Sedan skickas ett mail med besökarens e-postadress till adressen som fyllts i. Till sist så läggs besökaren till bland kontakterna i Sitoo Webshop, märkt med den tagg som fyllts i. Den här widgeten är anpassad för att användas ihop med Boka hembesök, Hitta butik, Informationsblock och Ring upp.
Inställningar
Titel
Här skriver du in titeln du vill ha på uppmaningen att fylla i anmälan
Text
Här skriver du in texten du vill ha på uppmaningen att fylla i anmälan
Inmatningstext
Här skriver du in texten du vill ska stå i fältet som ska fyllas i av den som gör anmälan
Användartagg
Här skriver du in vilken tagg som ska sättas på kontakten som skapas när besökaren fyller i formuläret. Taggen kan du sedan använda för att filtrera ut just dem som anmält sig genom det här formuläret.
E-postrubrik
Rubriken som används i mailet som skickas när en besökare fyller i formuläret
Till (e-post)
E-postadressen till mottagaren av mailet som skickas när en besökare fyller i formuläret. Observera att det borde vara en adress till en administratör för hemsidan.
Från (e-post)
E-postadressen för avsändaren av mailet som skickas när en besökare fyller i formuläret. (Oftast samma som mottagaradressen, annars kan den också användas för att göra automatiska regler vid sortering av e-post)
Från (namn)
Namnet för avsändaren av mailet som skickas när en besökare fyller i formuläret.
Validera e-postadress
Klickas i för att validering av e-postadress ska göras när besökaren fyller i formuläret
Prompt vid felaktig adress
Felmeddelande som visas om e-postadressen inte kan valideras
Tackmeddelande
Tackmeddelande som visas när formuläret har fyllts i korrekt.
Prompt vid fel
Felmeddelande som visas om något gick fel
Lägg till och hantera banner
Den här widgeten ger dig möjlighet att presentera en banner med ett huvudbudskap på en sida. Den är även utformad så att du kan lägga in egen text och kampanjetiketter som du själv vill.
Exempel på hur widgeten Banner anpassar sig efter olika terminaler
Så här fungerar den
Välj en bild som ska vara din banner. Skriv texten som är huvudbuskapet för bannern och välj en länk dit besökaren ska gå om de klickar på bannern. Det är rekommenderat att se över hur banners ser ut i de olika responsiva lägena genom att förstora/förminska fönstret och sedan kompensera inställningarna så att det ser bra ut i alla lägen.
Inställningar
Bild
Här väljer du den bild du vill använda för bannern
Text
Här skriver du in texten du vill ha på din banner
Länk
Här väljer du vilken länk du vill använda för bannern
Horisontell textplacering
Här väljer du var på banners som texten ska placeras horisontellt. Möjliga val: Vänster och Höger
Vertikal textplacering
Här väljer du var på banners som texten ska placeras vertikalt. Möjliga val: Uppe och Nere
Textjustering
Här väljer du hur texten ska styckejusteras. Möjliga val: Standard, Vänster, Centrerat och Höger
Bredd på text (%)
Här väljer du hur bred texten ska vara i procent av bannerytan
Marginal (%)
Här väljer du den horisontella och vertikala marginalen för texten i procent av bannerytan
Rubrikfärg
Här kan du välja om du vill använda en egen färg på rubriker i bannern
Textfärg
Här kan du välja om du vill använda en egen färg på text i bannern
Länkfärg
Här kan du välja om du vill använda en egen färg på länkar i bannern
Länkplatta - Visningsläge
Här väljer du om och hur du vill visa en länkplatta under texten på bannern. Möjliga val: Visa ej, Banderoll, Pilar och Box
Länkplatta - Text 1
Första delen av texten som visas på länkplattan (Visas med färgerna som gäller för Kampanjetiketter, se Temainställningar)
Länkplatta - Text 2
Andra delen av texten som visas på länkplattan (Visas med färgerna som gäller för Banner, se Temainställningar)
Textbakgrund - Bakgrundsfärg
Här väljer du en färg om du vill att texten på bannern ska ligga mot en bakgrund. Kan vara bra att ha i de fall där bilden man har valt för bannern inte har någon klar yta där texten kan ligga och samtidigt vara läsbar
Textbakgrund - Genomskinlighet (0-100)
Här väljer du hur genomskinlig bakgrunden för texten ska vara. 0 = Ej genomskinlig, 100 = Helt genomskinlig
Det finns möjlighet att lägga på 2 etiketter på bannern, Etikett 1 och Etikett 2. De presenteras i grunden enligt det man ställt in för Kampanjetiketter i Temainställningarna. De har var för sig följande inställningar:
Visa Etikett
Här väljer du om etiketten ska visas eller inte.
Text 1
Första delen av texten för etiketten
Text 2
Andra delen av texten för etiketten
Text 1 - Färg
Här kan du välja om du vill använda en egen färg för första texten på etiketten
Text 2 - Färg
Här kan du välja om du vill använda en egen färg för andra texten på etiketten
Typ av etikett
Här väljer du om du vill visa etiketten med eller utan bakgrundsplatta. Möljliga val: Med bakgrundsplatta och Utan bakgrundsplatta
Placering
Här väljer du var på bannern du vill placera etiketten. Möjliga val: Uppe till vänster, Uppe till höger, Nere till vänster och Nere till höger
Horisontell marginal (%)
Här anger du ett värde i procent av bannerytan om du vill förändra den horisontella placeringen av etiketten
Vetikal marginal (%)
Här anger du ett värde i procent av bannerytan om du vill förändra den vertikala placeringen av etiketten
Lägg till och hantera bild
Den här widgeten ger dig möjlighet att lägga in valfri bild, redigera dess storlek, beskära den och om du önskar länka den någonstans om besökaren klickar på den.
Så här fungerar den
Välj en bild som du vill använda. Välj länk om du vill att den ska vara klickbar för besökaren.
Inställningar
Bild
Här väljer du den bild du vill använda. Läs om hur bilden kan redigeras »
Titel
Här skriver du in titeln du vill ha på din bild. Används främst för sökmotoroptimering
Länk
Här väljer du vilken länk du vill använda för bilden. Läs om att infoga länk »
Nytt fönster
Här väljer du om du vill att länken ska öppnas i nytt fönster
Storlek på nytt fönster
Här väljer du storleken som ska användas på det nya fönstret (används inte av mobila webbläsare). Sätt storlekarna till 0 för att öppna ny flik i webbläsaren.
Lägg till och hantera bild med bildtext
Den här widgeten ger dig möjlighet att lägga in en valfri bild med rubrik på sidan och även att länka den någonstans om besökaren klickar på den. Det går även att addera kampanjetiketter till bilden.
Så här fungerar den
Välj en bild som du vill använda. Skriv en rubrik för bilden och välj en länk dit besökaren ska gå om de klickar på bilden. Du kan även addera kampanjetiketter till bilden om det är önskvärt.
Inställningar
Bild
Här väljer du den bild du vill använda
Länk
Här väljer du vilken länk du vill använda
Bildtext
Här skriver du in rubriken du vill ha ihop med bilden
Bildtext - Bakgrundsfärg
Här kan du välja om du vill använda en egen färg på bakgrunden för widgeten
Bildtext - Färg
Här kan du välja om du vill använda en egen färg på rubriken för widgeten
Bildtext - Färg muspekning
Här kan du välja om du vill använda en egen färg på rubriken vid muspekning
Det finns möjlighet att lägga på 2 etiketter på widgeten, Etikett 1 och Etikett 2. De presenteras i grunden enligt det man ställt in för Kampanjetiketter i Temainställningarna. De har var för sig följande inställningar:
Visa Etikett
Här väljer du om etiketten ska visas eller inte.
Text 1
Första delen av texten för etiketten
Text 2
Andra delen av texten för etiketten
Text 1 - Färg
Här kan du välja om du vill använda en egen färg för första texten på etiketten
Text 2 - Färg
Här kan du välja om du vill använda en egen färg för andra texten på etiketten
Typ av etikett
Här väljer du om du vill visa etiketten med eller utan bakgrundsplatta. Möljliga val: Med bakgrundsplatta och Utan bakgrundsplatta
Placering
Här väljer du var på bannern du vill placera etiketten. Möjliga val: Uppe till vänster, Uppe till höger, Nere till vänster och Nere till höger
Horisontell marginal (%)
Här anger du ett värde i procent av bannerytan om du vill förändra den horisontella placeringen av etiketten
Vetikal marginal (%)
Här anger du ett värde i procent av bannerytan om du vill förändra den vertikala placeringen av etiketten
Lägg till och hantera bildspel
Den här widgeten ger dig möjlighet att lägga in ett bildspel med upp till 30 bilder. Varje bild som visas kan ha olika titel, text och länk.
Så här fungerar den
Välj de bilder du vill använda i bildspelet. Skriv en rubrik och text för bilden om du vill presentera mer information än bara bilden. Du kan även välja en länk som man kommer till om man klickar på knappen som dyker upp för respektive bild. Bildspelet kommer att bestå av så många bilder som du har valt.
Inställningar
Det finns möjighet till 30 bilder i bildspelet. Varje bild har följande inställningar:
Bild
Här väljer du den bild du vill använda. Läs om hur bilden kan redigeras »
Bildtitel
Här skriver du in rubriken du vill ha ihop med bilden
Bildtext
Här skriver du in texten du vill ha ihop med bilden
Länk
Här väljer du vilken länk du vill använda för bilden. Läs om att infoga länk »
Övriga inställningar
Bottentexter - Titel
Här kan du ställa in en titel som visas under bildspelet
Bottentexter - Text
Här kan du ställa in en text som visas under bildspelet
Aktivera lightbox
Här väljer du om du vill aktivera en lightbox-funktion för varje bild. Lightbox är en funktion för att zooma in närmare på bilden (Lightbox-funktionen är inte aktiv på touch-enheter)
Visa texter
Här väljer du om du vill visa texterna för bilderna i bildspelet
Visa bläddringsknappar
Här väljer du om du vill visa bläddringsknapparna för bildspelet
Visa gå-till-knapp
Här väljer du om du vill visa knappen för att navigera vidare för varje bild (Endast aktiv om länken för bilden är ifylld)
Text på gå-till-knapp
Här väljer du vilken text du vill ha på knappen för att navigera vidare för varje bild
Intervall (ms)
Intervall i millisekunder som används för att byta bild. (Ex. 10000 millisekunder = 10 sekunder)
Maxstorlek på bilder
Här kan du ställa in maxstorleken som bildens källa får ha i bildspelet. (Observera att det inte har något att göra med hur stor bilden i webbläsaren blir utan det är en begräsning för att inte behöva ladda för stora bilder till webbläsaren)
Lägg till och hantera widget boka hembesök
Den här widgeten gör så att du kan ta emot anmälningar för bokning av hembesök eller liknande. Att få en potentiell kund att anmäla sig till ett säljmöte har visat sig ge en hög avslutsfrekvens.
Så här fungerar den
När en besökare fyller i sitt telefonnummer och allt går bra så sker 2 saker. Först av allt så försvinner widgeten och besökaren får ett meddelande på skärmen där widgeten fanns om att meddelandet är mottaget. Sedan skickas ett mail med besökarens telefonnummer till adressen som fyllts i. Den här widgeten är anpassad för att användas ihop med Anmälan till nyhetsbrev, Hitta butik, Informationsblock och Ring upp.
Inställningar
Titel
Här skriver du in titeln du vill ha på uppmaningen att fylla i anmälan
Text
Här skriver du in texten du vill ha på uppmaningen att fylla i anmälan
Inmatningstext
Här skriver du in texten du vill ska stå i fältet som ska fyllas i av den som gör anmälan
E-postrubrik
Rubriken som används i mailet som skickas när en besökare fyller i formuläret
Till (e-post)
E-postadressen till mottagaren av mailet som skickas när en besökare fyller i formuläret. Observera att det borde vara en adress till en administratör för hemsidan. Obs! Utan denna e-postadress fungerar inte widgeten
Från (e-post)
E-postadressen för avsändaren av mailet som skickas när en besökare fyller i formuläret. (Oftast samma som mottagaradressen, annars kan den också användas för att göra automatiska regler vid sortering av e-post)
Från (namn)
Namnet för avsändaren av mailet som skickas när en besökare fyller i formuläret.
Validera telefonnummer
Klickas i för att validering av telefonnummer ska göras när besökaren fyller i formuläret
Prompt vid felaktigt nummer
Felmeddelande som visas om telefonnumret inte kan valideras
Tackmeddelande
Tackmeddelande som visas när formuläret har fyllts i korrekt.
Prompt vid fel
Felmeddelande som visas om något gick fel
Lägg till och hantera formulär
Den här widgeten ger dig många möjligheter. Formulär kan vara bra till att skapa enkäter, låta kunden ställa frågor, skapa intresseanmälningar, m m. Du kan utforma formuläret som du vill och därmed anpassa det till dina behov.
Så här fungerar den
Du väljer själv helt fritt vilka fält du vill ha med i formuläret och när besökaren har fyllt i formuläret och klickat på skicka-knappen kommer ett mail med informationen att skickas till adressen du angivit. Beroende på utformningen av formuläret så kan det även skapas kontakter i systemet som är taggade med det du valt. Detta är ett mycket kraftfullt sätt att interagera med dina besökare.
Inställningar
Titel
Här kan du skriva in en titel för ditt formulär. Formulär kan användas till många olika saker exempelvis "Intresseanmälan", "Enkätundersökning" eller "Fråga supporten"
Text - skickaknapp
Här väljer du vad det ska stå på knappen för att skicka formuläret
Fält krävs ({fff} ersätts med fältnamn)
Här anger du ett meddelande om att ett fält måste fyllas i om besökaren försökt skicka ett formulär där fält är satta att krävas, men ej fyllts i. Använd koden {fff} för att ersättas med namnet på fältet i ditt meddelande
Text - Förfrågan ok
Här fyller du i texten som visas för besökaren när formuläret har skickats.
Sida att gå till om ok
Här kan du fylla i om du vill att besökaren ska navigeras till någon annan sida när formuläret har fyllts i. Kan vara bra att använda ihop med exempelvis Google Analytics som målsida. Lämna tom för att låta besökaren stå kvar på samma sida
Formulärdata
Detta är informationen som används för att skapa formuläret. Exakt hur det fungerar beskrivs i sektionen "Formulärutformning" här längre ned på den här sidan.
Användartagg
Här skriver du in vilken tagg som ska sättas på kontakten som skapas när besökaren fyller i formuläret. Taggen kan du sedan använda för att filtrera ut just dem som anmält sig genom det här formuläret.
E-post till
E-postadressen till mottagaren av mailet som skickas när en besökare fyller i formuläret. Observera att det borde vara en adress till en administratör för hemsidan.
E-post från
E-postadressen för avsändaren av mailet som skickas när en besökare fyller i formuläret. (Oftast samma som mottagaradressen, annars kan den också användas för att göra automatiska regler vid sortering av e-post)
Namn från
Namnet för avsändaren av mailet som skickas när en besökare fyller i formuläret.
Ämne
Rubriken som används i mailet som skickas när en besökare fyller i formuläret.
Skicka bekräftelse
Självklart vill man ibland tacka kunden för deras intresse eller bekräfta att deras meddelande har skickats. Här kan du välja om du vill att besökaren ska få ett bekräftelsemail på att formuläret har mottagits. Obs! För att detta ska fungera måste du ha ett e-postfält i formuläret
Ämne - bekräftelse
Här anger du rubriken för bekräftelsemailet
Innehåll - bekräftelse
Här anger du innehållet (texten) för bekräftelsemailet
Lägg till och hantera Handelsbanken Signering
Den här widgeten används på sidan kunden kommer till efter genomfört köp med Handelsbanken Delbetalning som betalalternativ där kunden får möjlighet till elektronisk signering av avtal som krävs för att köpet ska gå igenom.
Så här fungerar den
Den här widgeten läggs in på sidan som kunden kommer till efter genomfört köp. Den ställs in för Sida - Order OK i Temainställningarna. Den ger sedan kunden ett meddelande efter genomfört köp om hur det gick och sedan en möjlighet att signera eventuella avtal elektroniskt istället för att vänta på att avtalen ska komma hem med posten.
Inställningar
Text - Godkänd
Här är texten som visas om köpet gått igenom och avtalet ska signeras
Text - Prövning
Här är texten som visas om Handelsbanken behöver mer information av kunden innan köpet kan godkännas
Text - Signering lyckades
Här är texten som visas efter signeringen om den lyckades
Text - Signering misslyckades
Här är texten som visas efter signeringen om den misslyckades
Lägg till och hantera Hitta butik
Den här widgeten används för att slussa besökare till sidan för att hitta en butik eller återförsäljare.
Så här fungerar den
En besökare får möjlighet att fylla i ett postnummer eller en stad som sedan skickas vidare till sidan där era butiker/återförsäljare finns. Där görs en sökning på det besökaren fyllt i och resultatet av den presenteras. Har man inte så många butiker så kan det vara ett alternativ att använda widgeten Informationsblock och helt enkelt lägga in text med en uppmaning om att hitta butik med en länk till sidan. Den här widgeten är anpassad för att användas ihop med Anmälan till nyhetsbrev, Boka hembesök, Informationsblock och Ring upp.
Inställningar
Titel
Här skriver du in titeln du vill ha på uppmaningen att hitta butik
Text
Här skriver du in texten du vill ha på uppmaningen att hitta butik
Inmatningstext
Här skriver du in texten du vill ska stå i fältet som ska fyllas i av den som vill hitta butik
Lägg till och hantera informationsblock
Den här widgeten används för att presentera en liten mängd information med eventuellt en relaterad bild och/eller länk.
Så här fungerar den
Du fyller i en text och väljer eventuellt en bild och länk för widgeten. Den presenterar sedan innehållet enligt temats definition. Den här widgeten är anpassad för att användas ihop med Anmälan till nyhetsbrev, Boka hembesök, Hitta butik och Ring upp.
Inställningar
Titel
Titel som läggs ovanför texten för widgeten
Text
Texten som ska presenteras
Länktext
Här väljer du vad som ska stå på länken om du vill använda sådan
Länk
Här väljer du vart länken ska gå om du vill använda sådan
Bild
Här kan du välja en bild som läggs ihop med texten.
Bildstorlek (%)
Om du använder bild kan du här ange hur stor yta (i procent av widgetytan) bilden får uppta i relation till texten.
Lägg till och hantera inloggning
Den här widgeten används för att återförsäljare ska kunna logga in på hemsidan och få en egen prislista och åtkomst till skyddade sidor. Har även funktion för lösenordspåminnelse så att du slipper manuellt jobb.
Så här fungerar den
Normalt läggs det här inloggningsformuläret på sidan som hanterar inloggningen för återförsäljare. Där kommer den att presentera möjlighet för den som har rättigheter att logga in på hemsidan och få priser från en annan prislista än en vanlig besökare. När inloggningen har gått bra ges även åtkomst till skyddade delare av hemsidan
Notera!
Denna funktion kräver att tillvalet Hantera återförsäljare är installerad. Kontakta oss på 08-50009300 så hjälper vi dig.
Inställningar
Rubrik
Rubriken för inloggningsformuläret
Titel - e-post
Titel för e-postfältet i formuläret
Titel - lösenord
Titel för lösenordsfältet i formuläret
Titel - kom ihåg
Titel för kom-ihåg-valet i formuläret
Knapptext
Text på knappen för att logga in
Felmeddelande
Meddelande som ges till besökaren om inloggningen misslyckats
Titel - glömt lösenord
Titel för funktionen där man kan återfå sitt lösenord om man glömt bort det
Uppmaning ingen e-post
Uppmaning om att fylla i e-post när man försöker återfå sitt lösenord
Uppmaning felaktig e-post
Uppmaning om e-postadressen är felaktig när man försöker återfå sitt lösenord
Fråga om OK att skicka
Valideringstext för om lösenordet ska skickas eller inte
Meddelande - Fel
Meddelande om det inte gick att skicka lösenordspåminnelse
Meddelande - OK
Meddelande om att lösenordspåminnelsen har skickats
Mail - Avsändare e-post
E-postadress som används som avsändare för lösenordspåminnelsen
Mail - Avsändare namn
Namn som används som avsändare för lösenordspåminnelsen
Mail - Rubrik
Rubriken för e-postmeddelandet som skickas med lösenordspåminnelsen
Mail - Text
Texten för e-postmeddelandet som skickas med lösenordspåminnelsen. Följande koder som kan användas i texten kommer att ersättas med motsvarande värden:
{siteurl} - Ersätts med adressen till sidan där inloggningen ligger
{email} - Ersätts med e-postadressen som besökaren matat in
{password} - Ersätts med lösenordet för e-postadressen som besökaren matat in
Lägg till och hantera kodöverförare
Den här widgeten används för att stoppa in egen kod (t ex HTML / CSS / Javascript) på sidan. Kan användas för att exempelvis lägga in en YouTube-film eller någon annan inbäddad funktion.
Så här fungerar den
Med den här widgeten kan du väldigt enkelt infoga egen kod (t ex HTML/CSS/Javscript). Allt du behöver göra är att klippa in den kod du vill infoga så kommer den att komma ut på sidan. Observera dock att du själv blir ansvarig för att koden fungerar som den ska.
Inställningar
Kod som läggs in i head-sektionen
Här lägger du koden som du vill ska hamna i HEAD-sektionen i HTML-koden
Kod som läggs in i body-sektionen
Här lägger du koden som du vill ska hamna i BODY-sektionen i HTML-koden
Kodöverföraren ger många möjligheter
Att "bädda in kod" på hemsidan innebär att man kopierar och klistrar in html från en extern hemsida på sin egen hemsida. Detta är tillvägagångssättet om man exempelvis önskar visa Google Maps eller en video från YouTube på sin hemsida. Då kan du använda dig av kodöverföraren, men även av en Redigeringsyta.
Exempel - Video från YouTube
Du kan enkelt lägga till en video från YouTube på din hemsida genom att bädda in den. Kopiera koden i fältet Bädda in (till höger om videon) på YouTube. Klistra in koden i kodöverföraren. Videon kommer att visas på webbsidan.
Exempel - Integrera din Facebook-sida
Låt besökarna på hemsidan ta del av det som händer på din Facebook-sida. Det är både ett sätt att nå dem som inte använder Facebook men även ett sätt att visa för dina besökare att dem kan följa dig på Facebook. Allt som krävs är att definiera utseendet på en s.k. Like Box som finns på Facebook och kopiera koden för denna. Klistra in koden i kodöverföraren.
Exempel - Integrera din Instagram
Du kan visa de senaste bilderna från ditt Instagram konto direkt i din webshop. För att integrera Instagram lägger du till en kodöverförare på sidan där du vill visa dina instagrambilder. För att koppla samman instagram kan du använda av webbtjänsten Lightwidget. Gå till sidan och fyll i ditt användarnamn. Där kan du göra vissa inställningar för hur många bilder som ska visas. Tryck på Preview för att generera koden för widgeten. Ta sedan koden och kopiera in den i din kodöverförare i webshopen.
Exempel - Karta från Google Maps
Säkert har du många gånger sett kartor från Google Maps på olika hemsidor. Vill du bädda in en egen karta på din webbsida är det väldigt enkelt. Gå in på Google Maps hemsida. Skriv in den adress du vill ha. Leta upp en textlänk till höger ovanför kartan. Kopiera HTML koden för att bädda in på hemsidan och klistra in denna i kodöverföraren.
Lägg till och hantera lookbook
Den här widgeten ger dig möjlighet att lägga in en lookbook med upp till 30 bilder. Varje bild som visas kan ha olika titel, text och länk.
Så här fungerar den
Välj de bilder du vill använda för din lookbook. Skriv en rubrik och text för bilden om du vill presentera mer information än bara bilden. Du kan även välja en länk som man kommer till om man klickar på knappen som dyker upp för respektive bild. Din lookbook kommer att bestå av så många bilder som du har valt.
Inställningar
Det finns möjighet till 30 bilder i din lookbook. Varje bild har följande inställningar:
Bild
Här väljer du den bild du vill använda
Bildtitel
Här skriver du in rubriken du vill ha ihop med bilden
Bildtext
Här skriver du in texten du vill ha ihop med bilden
Länk
Här väljer du vilken länk du vill använda för bilden
Övriga inställningar
Bottentexter - Titel
Här kan du ställa in en titel som visas under din lookbook
Bottentexter - Text
Här kan du ställa in en text som visas under din lookbook
Aktivera lightbox
Här väljer du om du vill aktivera en lightbox-funktion för varje bild. Lightbox är en funktion för att zooma in närmare på bilden (Lightbox-funktionen är inte aktiv på touch-enheter)
Visa texter
Här väljer du om du vill visa texterna för bilderna i din lookbook
Visa bläddringsknappar
Här väljer du om du vill visa bläddringsknapparna för din lookbook
Visa gå-till-knapp
Här väljer du om du vill visa knappen för att navigera vidare för varje bild (Endast aktiv om länken för bilden är ifylld)
Text på gå-till-knapp
Här väljer du vilken text du vill ha på knappen för att navigera vidare för varje bild
Intervall (ms)
Intervall i millisekunder som används för att byta bild. (Ex. 10000 millisekunder = 10 sekunder)
Maxstorlek på bilder
Här kan du ställa in maxstorleken som bildens källa får ha i din lookbook (Observera att det inte har något att göra med hur stor bilden i webbläsaren blir utan det är en begräsning för att inte behöva ladda för stora bilder till webbläsaren)
Lägg till och hantera merförsäljning i kassan
Erbjud dina kunder kompletterande varor när de står vid kassan. Kanske ett extra batteri eller ett bra tillbehör? När kunden väl bestämt sig för att köpa finnas det en stor potential till merförsäljning.
Så här fungerar den
Med den här widgeten kan du visa produkter som anpassas efter produkterna som ligger i varukorgen. Du kan t ex välja att erbjuda passande tillbehör till produkterna i varukorgen eller att erbjuda uppgraderade modeller. Har du ett stort lager av en produkt eller ett generellt erbjudande kan du givetvis också marknadsföra den.
Bra att veta
Om widgeten kommer fram till att det inte finns några produkter att presentera kommer den att försvinna så att den inte syns för besökaren. Observera att detta inte gäller när du själv befinner dig i Live Edit-läge.
Inställningar
Rubrik
Rubrik som skrivs ut ovanför listan med produkter.
Text på köpknapp
Texten som visas på köpknappen
Lista Prioritet 1-3
Här väljer du vilka produkter som ska visas. Listan över produkterna fylls i tur och ordning från dessa inställningar for respektive listor upp till max antal produkter. Möjliga val: Ingen, Tillbehör, Relaterade, Uppgraderingar och Kategori (Dessa beskrivs här nedanför)
Max antal produkter
Här anger du det maximala antalet produkter som får visas samtidigt
Max antal tecken i beskrivning
Här anger du hur många tecken du vill tillåta för varje produkts beskrivning. Kan användas för att begränsa så att listan inte blir så lång.
Sätt att fylla listorna
Ingen
Väljer du detta val så kommer listan inte att fyllas med något.
Tillbehör
Väljer du detta val så kommer listan att fyllas med tillbehörsprodukter för de produkter som ligger i varukorgen.
Relaterade
Väljer du detta val så kommer listan att fyllas med relaterade produkter för de produkter som ligger i varukorgen.
Uppgraderingar
Väljer du detta val så kommer listan att fyllas med uppgraderingsprodukter för de produkter som ligger i varukorgen.
Kategori
Väljer du detta val så kommer listan att fyllas med produkter som tillhör kategorin (sidan) där widgeten är inlagd. Normalt är detta kassan. Det betyder att om du vill att en produkt alltid ska ligga i merförsäljningswidgeten så kan du koppla den produkten till kassan och sedan ställa in den första av listorna med detta val.
Lägg till och hantera prislista
Den här widgeten används för att presentera en prislista för återförsäljare där de har ett enklare gränssnitt för att beställa produkter direkt ur din webshop.
Så här fungerar den
Oftast lägger du den här widgeten på en sida som är skyddad där den då kan presentera alla dina produkter som du vill erbjuda till återförsäljare med priserna som gäller för respektive återförsäljare.
Notera!
Denna funktion kräver att tillvalet Hantera återförsäljare är installerad. Kontakta oss på 08-50009300 så hjälper vi dig.
Inställningar
Ingress - Titel
Titel för prislistan
Ingress - Text
Ingresstext för prislistan
Visa söktextfält
Här väljer du om besökaren ska kunna söka bland dina produkter
Visa kategorilista
Här väljer du om besökaren ska kunna filtrera prislistan på kategori
Visa tillverkarlista
Här väljer du om besökaren ska kunna filtrera prislistan på tillverkare
Söktext
Texten som står i söktextfältet
Val - Alla kategorier
Text som står för valet att inte filtrera på kategori
Val - Alla tillverkare
Text som står för valet att inte filtrera på tillverkare
Titel - Rek.pris
Rubrik för rekommenderat pris
Text - Inga träffar
Text som visas om prislistan inte har några produkter att visa
Visa lagerstatus
Här väljer du om du vill att lagerstatus ska presenteras i prislistan
Momsläge
Här väljer du vilket momsläge du vill att prislistan ska presenteras med. Möjliga val: Exklusive moms, Inklusive moms, Webbplatsens standard (Tar den nuvarande inställningen på hemsidan)
Lägg till och hantera redigeringsyta
Den här widgeten, är en s.k. WYSIWYG-editor, som framförallt används för att lägga in text, men du kan även lägga in bilder och addera länkar. Dessutom är Redigeringsytan utrustad med en dialog för att redigera och klistra in kod från olika typer av innehållsleverantörer på Internet.
Så här fungerar den
Den här widgeten har inga inställningar.
Med en Redigeringsyta blir det enkelt för personer som skall uppdatera hemsidan att få innehållet snyggt formaterat. Allt som har med designen på hemsidan att göra har redan definierats i temainställningar. Exempelvis formateringen på textstilar, storleken på rubriker och marginaler är redan förutbestämda i Redigeringsytan. På så vis blir det lätt att uppdatera hemsidan utan att du riskerar att göra formateringsmissar.
När du redigerar texten i den här widgeten och spara så uppdateras innehållet så fort du trycker på spara-knappen.
Notera:
När du arbetar med Redigeringsytor rekommenderar vi att du använder Google Chrome.
Funktionsöversikt - Redigeringsyta
Funktioner i toppbaren, från vänster till höger:
- Ångrapilar (framåt och tillbaka)
- Välj formatmall (Normal, Rubrik 1 till Rubrik 6)
- Fetstil
- Kursiv
- Understreck
- Sudda ut formateringar (rekommenderas när du adderar text från externa källor)
- Punktlista
- Nummerlista
- Infoga bilder och addera marginal på bilder
- Infoga extern eller intern länk
- Ta bort länk
- Infoga symboler
- Dialog för att redigera och klistra in kod
Redigeringsytan ger många möjligheter
Att "bädda in kod" på hemsidan innebär att man kopierar och klistrar in html från en extern hemsida på sin egen hemsida. Detta är tillvägagångssättet om man exempelvis önskar visa Google Maps eller en video från YouTube på sin hemsida. Därför är Redigeringsytan utrustad med en dialog för att redigera och klistra in kod från olika typer av innehållsleverantörer på Internet.
Exempel - Video från YouTube
Du kan enkelt lägga till en video från YouTube på din hemsida genom att bädda in den. Kopiera koden i fältet Bädda in (till höger om videon) på YouTube. Klistra in koden i kodredigeringsdialogen i Redigeringsytan. Videon kommer att visas på webbsidan.
Exempel - Integrera din Facebook-sida
Låt besökarna på hemsidan ta del av det som händer på din Facebook-sida. Det är både ett sätt att nå dem som inte använder Facebook men även ett sätt att visa för dina besökare att dem kan följa dig på Facebook. Allt som krävs är att definiera utseendet på en s.k. Like Box som finns på Facebook och kopiera koden för denna. Klistra in koden i kodredigeringsdialogen i Redigeringsytan.
Se exempel på Gilla Böcker (använder Sitoo Webshop) »
Exempel - Karta från Google Maps
Säkert har du många gånger sett kartor från Google Maps på olika hemsidor. Vill du bädda in en egen karta på din webbsida är det väldigt enkelt. Gå in på Google Maps hemsida. Skriv in den adress du vill ha. Leta upp en textlänk till höger ovanför kartan. Kopiera HTML koden för att bädda in på hemsidan och klistra in denna i kodredigeringsdialogen i Redigeringsytan.
Du kan även använda dig av kodöverföraren för att uppnå samma mål.
Lägg till och hantera video och gif
Infoga rörliga bilder i din webshop. Du kan t.ex. visa en instruktions- eller reklamvideo för dina besökare. Välj själv var du vill infoga videon - inspirera på förstasidan eller i direkt anslutning till en produkt.
Infoga video
För att infoga video i din webshop behöver du först ladda upp videon på en videotjänst som t.ex. Youtube eller Vimeo. Alla videos på Youtube eller Vimeo har embed-kod. Det är en kod som är avsedd för att infoga videon på en extern hemsida (som Sitoo Webshop). Första steget är att hämta koden. För att göra det måste videon finnas uppladdad på Vimeo eller YouTube. För mer information om hur man laddar upp på Youtube, se denna sida för detaljer, eller denna guide för Vimeo.
Youtube-kod
För att hämta koden för en Youtube-video, gå till videon på YouTube. Under videon klickar du på länken Dela (Share). Där ges du ytterligare val, välj Bädda in (Embed). Det som visas nu är en s.k. iframe-kod, vilket är det som du behöver för att bädda in videon på din webshop. Under koden kan du göra inställningar för tex storlek så att den passar in på den yta som den ska placeras på.
Vimeo-kod
Vimeo fungerar på ett liknande sätt som Youtube. Du måste gå in på videons sida. Innan du börja spela upp videon har du ikoner i videons högra kant. Den ikon som liknar en pil är dela-knappen. Om du för pilen över den så står det Share. När du klickar på den så får du upp en dialogruta där du hittar Embed-koden. Klickar du på + Show options får du fler inställningar att välja på så att du kan styra hur videon ska se ut och bete sig.
Infoga videon i din webshop
Hur du sedan infogar videon i din webshop beror på var du vill ha videon. Vill du visa video på en generell sida i webshopen eller på en produkt-sida?
Visa video på en generell sida
För att lägga in videon på en sida i webshopen med redigerbar yta behöver du lägga till ett tomt block (tryck på + för att infoga nya block). Infoga sedan widgeten Kodöverförare. När kodöverföraren är på plats redigerar du den genom att klicka på kugghjulsikonen. Klistra sedan in inbäddnings-koden från Youtube eller Vimeo i det nedre fältet (Kod som läggs in i body-sektionen). Nu kan du "Spara" och videon bör visas direkt på sidan. Om videon inte syns direkt kan du prova att ladda om webbläsaren.
Film på en produktsida
Du kan även infoga en video på en produktsida. Detta gör du genom att klistra in embed-koden i produktens Html-beskrivning. Börja med att gå in på Produkter i Backoffice och redigera produkten som du vill infoga din video på. Bland alla inställningar för produkten finns det ett fält som heter Html-beskrivning, den påminner om en redigeringsyta eftersom den bl.a. har ett verktygsfält. Den sista knappen i verktygsfältet öppnar en s.k. Kodvy, i den kan du klistra in din embed-kod, videon bör visas direkt. Gå sedan ut till produktsidan ute i webshopen och se hur det ser ut för en vanlig besökare.
Infoga GIF
Du laddar först upp upp gif-filen i resurshanteraren. Det gör du enklast genom att gå till "Produkter" och sedan trycker du på knappen "Lägg till resurser" längst ner i Backoffice.
För att ladda upp en GIF fil kan du göra på olika sätt, ett sätt är att använda widgeten kodöverförare. I den skapar du en img tag och klistrar in i body-tagen. Se exempel nedan.
<img src="http://example.mysitoo.com/res/exempelfil.gif" width="100%">
eller gör liknande detta om du vill styra över storleken:
<img src="http://example.mysitoo.com/res/exempelfil.gif" height="300" width="300">
Det går även bra att ladda upp gif-filen som en bild (tex genom att använda widget Bild) men då behöver du se till att gif-filen har din ursprungliga storlek. När du har laddat upp filen som en bild kan du trycka på redigera bild och tryck sedan på reglaget längst ut till höger och sedan på den lilla fyrkanten efter bildstorleken för att få fram den ursprungliga storleken för filen. Då kommer gifen att fungera som tänkt. Vill du inte ha den storleken behöver du ändra storlek på själva gif-filen så att den passar widgeten som används.
Lägg till och hantera widget ring upp
Den här widgeten gör så att du kan ta emot anmälningar för att bli uppringd av säljare eller liknande. Att få en potentiell kund att anmäla sig till ett samtal ger en hög avslutsfrekvens.
Så här fungerar den
När en besökare fyller i sitt telefonnummer och allt går bra så sker 2 saker. Först av allt så försvinner widgeten och besökaren får ett meddelande på skärmen där widgeten fanns om att meddelandet är mottaget. Sedan skickas ett mail med besökarens telefonnummer till adressen som fyllts i. Den här widgeten är anpassad för att användas ihop med Anmälan till nyhetsbrev, Boka hembesök, Hitta butik och Informationsblock.
Inställningar
Titel
Här skriver du in titeln du vill ha på uppmaningen att bli uppringd
Text
Här skriver du in texten du vill ha på uppmaningen att bli uppringd
Inmatningstext
Här skriver du in texten du vill ska stå i fältet som ska fyllas i av den som vill bli uppringd
E-postrubrik
Rubriken som används i mailet som skickas när en besökare fyller i formuläret
Till (e-post)
E-postadressen till mottagaren av mailet som skickas när en besökare fyller i formuläret. Observera att det borde vara en adress till en administratör för hemsidan. Obs! Utan denna e-postadress fungerar inte widgeten
Från (e-post)
E-postadressen för avsändaren av mailet som skickas när en besökare fyller i formuläret. (Oftast samma som mottagaradressen, annars kan den också användas för att göra automatiska regler vid sortering av e-post)
Från (namn)
Namnet för avsändaren av mailet som skickas när en besökare fyller i formuläret.
Validera telefonnummer
Klickas i för att validering av telefonnummer ska göras när besökaren fyller i formuläret
Prompt vid felaktigt nummer
Felmeddelande som visas om telefonnumret inte kan valideras
Tackmeddelande
Tackmeddelande som visas när formuläret har fyllts i korrekt.
Prompt vid fel
Felmeddelande som visas om något gick fel
Lägg till och hantera showcase
Den här widgeten kan användas till att göra ingångar till nyheter eller andra artiklar. Widgeten består av upp till 5 bilder med tillhörande text.
Inställningar
Rubrik
En rubrik som kan användas för den här widgeten.
Showcase (1-5):
Bild
Här väljer du vilken bild du vill ha för nyheten och anpassar den som du vill.
Rubrik
Här skriver du in rubriken för nyheten
Datum
Det här fältet kan du använda för att skriva in exempelvis ett datum som är kopplat till nyheten
Text
Här skriver du en kort text som kan fungera som en ingress eller teaser för nyheten
Länk
Här väljer du länken som går till nyheten
Länktext
Här skriver du in texten som ska stå på länken