Layout och visuell redigering Sitoo Webshop

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.

1. 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.
   
   
2. 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.

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

 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

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

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.

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.

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

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.

 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

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