I denne sektion af vores design-guide handler det om at komme godt i gang med den del af designet de fleste skal igennem ved opbygning af en webshop. Du kan rulle ned eller gå direkte til de her afsnit:
- Navn, adresse. sprog og priser
- Valg af layout/skabelon
- Tilpas farver
- Vælg hvad der skal vises hvor
- Opsætning af top-banner
- Midten af forsiden
Navn, adresse, sprog og priser
Hvad hedder du, hvor bor du, hvilket sprog snakker vi på og hvad koster det?
Det kan være rart at vide når man handler så første gang du går ind i administrationen møder du en lille guide til hurtigt at få det på plads.
Du kan altid finde denne guide igen via menu-punktet 'Opsætning' og derunder 'Basis via guide'.
Her er en video der fortæller lidt om hvordan du kører guiden igennem:
please install flash
Valg af layout/skabelon
Skabelonen for dit design svarer lidt til fundamentet på et hus. Det sætter rammerne for hvor vægene står og så bygger man rum som dekoreres, indrettes m.v.
Herunder er en video der giver dig en introduktion til design-systemet og valg af skabelon. Er du mere til tekst så rul blot lidt længere ned.
please install flash
Det er to muligheder for skabelon
- Tage en færdig skabelon
- Få bygget sin egen skabelon
Den første mulighed er langt den billigste samt hurtigste og er udgangspunktet for vores vejledning. Er du mere interesseret i den anden mulighed så tag kontakt til os og hør om mulighederne.
For at vælge skabelon skal du først ind i design-opsætning. Den finder du ved at gå ind i administrationen for din butik og så klikke på 'i design visning') øverst til venstre eller via menupunktet 'Oversigt' og derunder i 'Funktioner' finder du 'Design din webshop':
Når du kommer ind i design-programmet er det først du møder valget af skabelon. Der er endnu kun en at "vælge" imellem der kan alle de nye muligheder. Har du fået lavet dine egne skabeloner eller er der af anden årsag flere at vælge imellem så er det blot at vælge ved at markere i den runde cirkel udfor den du ønsker. Vi tager her udgangspunkt i den der hedder 'Classic':
Inden vi går videre lige hvordan du kommer rund i design-programmet.
Øverst har du faneblade for de enkelte områder som du kan klikke ind på efter behov.
Nederst har du:
Knapperne forrige og næste til at mellem de muligheder du også har i de øverste faneblade
Knappen 'ANVEND' - klik på den og dit design gemmes og kan ses af resten af verden.
Linket 'Gå til administrationen' - det er der du styrer resten af butikken.
Øverst til højre har du:
Pilen - skubber panelet ind til højre
Krydset - lukker programmet
Spørgsmålstegnet - leder dig til hjælpesiderne
Til toppen af siden | Til starten af design-guiden
Tilpas farver
Efter valg af skabelon kan du klikke på knappen 'Næste' nederst til højre i panelet eller på fanebladet 'Farver' øverst.
Vi har også her lavet både en video du kan se samt noget hjælp i tekst plus billeder:
please install flash
Du kan først vælge mellem nogle farvetemaer. Dem bruger du til at vælge de farver du synes er mest i retning af det du ønsker til din webshop hvorefter du kan ændre dem du gerne vil have anderledes.
Når du har valgt et farvetema vil du kort efter se dem i butikken.
Efter valg af farvetema kan du nemt ændre de farverne de fleste steder. Du ændrer en farve ved at:
- Klik på linket 'Vælg farve'
- Klik i farve-ringen på den farve du ønsker som udgangspunkt
- Klik i farve-firkanten på den endelige farve
Den nemmeste måde at se hvor et farvevalg ændrer sig er nok bare at prøve sig frem og ellers er her en oversigt der viser hvor de passer sammen:
- Klik på billedet og det bliver større
Dernæst har du mulighed for at vælge en baggrund - altså hvordan det ser rundt om selve webshoppen.
Prøv at vælge forskellige og se hvilken der passer dig bedst. Vil du ikke have noget mønster vælger du den første mulighed 'En farve'.
Derefter kan du eventuelt gå op og vælge en ny farve for baggrunden (første farvevalg efter valg af farvetema).
Sidste mulighed her omkring farver er at vælge om der skal være overgang i farverne på fanebladene over top-banneret og bokse (som f.eks. varegruppper, nyheder m.v.).
Sådan her ser f.eks. ud for varegruppe-boksen med ingen overgang (en farve):
Og her med overgang i farven:
Til toppen af siden | Til starten af design-guiden
Vælg hvad der skal vises hvor
Med OpenBixBox er det meget nemt at bestemme hvilke funktioner man vil have i sin webshop og hvor de være henne. Du bestemmer hvor skabet skal stå ;-)
Denne video fortæller lidt mere og giver en demonstration:
please install flash
Til toppen af siden | Til starten af design-guiden
Opsætning af top-banner
Top-banneret er det du ser øverst i en webshop - typisk med logo og evt noget mere grafik.
Her først en video der forklarer det helt grundlæggende:
Og her kort i tekst og billeder hvordan du indsætter butikkens top-banner:
Du opsætter butikkens top-banner ved at gå ind under fanen 'Blokke' i desgin-panelet og så vælge 'Tilpas' ud for 'Butikkens top-banner'.
- Klik for større billede
Du kan vælge imellem 3 måder at sætte dit top-banner op:
- Standard: Her ligger du billede-filer op for banneret
- HTML: Har du et helt bestemt layout eller skal der indgå noget funktionalitet i topbanneret kan du ligge det ind som HTML-kode
- Flash: Skal du have animation og/eller funktionalitet kan du udvikle det i flash og ligge flash-filen ind her
Det mest almindelig er med billede-filer så vi vil i resten af guiden her gennemgå 'Standard' typen.
- Klik for større billede
Standard top-banner med billede-filer er delt op i to.
Den første er 'logo' som bestemmer højden af top-banneret. Uanset hvor man er i shoppen kan man altid klikke på logoet og man kommer til forsiden af din butik.
HUSK at have afstand i din logo-fil for at den ikke kommer til at ligge helt tæt til kanten. Se evt video som gennemgår hele processen med design af top-banner mere detaljeret.
Du kan sagtens ligge hele din top-banner op i et stykke kun som logo hvis det er OK at man kan klikke på hele banneret for at komme til forsiden.
Ved 'Overfør top-banner billede' kan du ligge en baggrund ind. Den vil med andre ord blive vist bagved dit logo. For at det fungerer optimalt skal dit logo være transparent i formatet PNG .
Til toppen af siden | Til starten af design-guiden
- Klik for større billede
Midten af forsiden
Vi vil her kort gennemgå hvordan du tilpasser de elementer der typisk er på midten af forsiden.
Den første er muligheden for at have en overskrift der automatisk hedder 'Velkommen til ButikkensNavn' hvor ButikkensNavn er det butiksnavn som du har angivet via den indledende guide (omtalt her øverst på siden).
Dernæst har du 'Velkommen kære gæst' eller hvis kunden er logget ind vil der i stedet for gæst stå kundens navn.
Disse to - og alle de øvrige elementer på forsiden - kan du slå til og fra under fanen 'Blokke' i design-panelet.
Det næste afsnit på forsiden er der hvor du frit kan skrive (evt med billeder) hvad du har lyst til.
Du ændrer forsiden ved i den fulde administration af butikken at gå ind i menu-gruppen 'Indhold og layout' og der vælge det første punkt 'Forsiden'.
Når du er derinde har du helt øverst link til denne hjælpe-video som forklarer alle mulighederne der:
please install flash
Anbefalede varer er nogen varer du udvælger som skal have ekstra opmærksomhed på forsiden og varekategorier.
Du kan markere en vare som anbefalet enten direkte fra 'Vareliste' (under 'Varekatalog') ved blot at markere en stjerne i kolonnen med tommelfingeren opad. Husk at klikke på knappen 'Gem' nederst på varelisten for at ændringerne får effekt.
Den anden mulighed er ved oprettelse/redigering af en vare. I fanen 'Data' finder du området 'Information'.
- Klik for større billede
Der vises et tilfældigt udvalg af de varer som du har markeret skal være med. Du kan bestemme hvor mange der vises ad gangen ved i administrationen at gå til 'Indhold og layout' - derunder 'Indstillinger for bokse' og der 'Anbefalede varer boksen'.
Til toppen af siden | Til starten af design-guiden