Byg en webshop med Woo

Denne tutorial viser hvordan du kommer godt i gang med Woo – uanset om du arbejder selvstændigt eller i en gruppe.

Netbutikken sættes op til gruppen

  1. Når I arbejder i grupper skal hvert gruppemedlem have en brugerprofil. Det er en fordel, hvis alle multimediedesignere fungerer som administratorer. Hvis nogen ikke skal have ret til at “pille ved designet”, så giv dem andre brugerroller.
  2. Planlæg dit site: hvilke faste sider skal der være? Som regel får du brug for en forside, en blogside til nyheder og måske en “find os” side med landkort, adresse og sådan.
  3. Tegn gerne analoge wireframes; men hvis du bruger Figma eller lignende redskaber, så husk, at lofi-prototyper er tilstrækkeligt. Du bygger simpelt hen løsningen med de indbyggede blokke i WordPress.
  4. I kontrolpanelet Udseende > Editor kan du vælge nogen passende styles: farver, fonte og layout. Brug gerne en styletile som inspiration – og husk at gennemgå alle blokkes farvesætning og typografi.
  5. Den indbyggede Stylebook er en designmanual for din netbutik.
  6. Byg designet direkte i WP ved hjælp af blokke som grid, kolonner og stakke. Her er wireframes nyttige. Herosektioner kan f.eks. laves med blokken omslag (cover) i fuld bredde.
  7. Lav en forside. Husk, at du kan vælge at bruge en blank template som består af en enkelt indholdsblok. Derefter kan du bygge siden, som du vil. Hvis du kalder den “Forside” er den nem at finde.
  8. Opret den side, som skal vise dine nyheder (blog). Hvis du kalder siden “Blog” er den nem at finde.
  9. Under Kontrolpanel > Indstillinger > Læsning skal du markere “Din forside viser” som “En statisk side”. På dropdownlisten vælger du den side (fx “Forside”) der skal være netbutikkens forside.
  10. Gør det samme med den side som skal være din blog.
  11. Sørg for at disse sider findes på forsidens navigation.

Herefter er du klar til at lægge varer ind i Woo.


Hvordan du lægger varer ind i Woo

Woo fungerer ved hjælp af en database med dine produkter. Ved hjælp af særlige woo-blokke kan du vise udvalgte produkter, enkelte produkter, produkter på tilbud og lignende. Men du kan ikke vise noget, før produkterne er oprettet i databasen.

  1. Find de produkter, som skal være i shoppen.
  2. Vælg et sted, hvor du kan præsentere produkterne på en neutral baggrund.
  3. Fotografer produkterne.
  4. Lav produktbeskrivelser.
  5. Tilføj valgmuligheder, fx hvis produktet findes i flere farver.
  6. Giv hvert produkt en kategori og et emneord.
  7. Overvej om produktet skal være et særligt tilbud.

Præsenter produkterne på websitet

Når du installerer Woo vil der være en side, der hedder shop. Den vil du kunne se i menuen. Men sådan behøver din shop ikke at se ud. Du kan selv vælge, hvor kunderne skal kunne se produkterne.

Hvis dine produkter skal optræde ensartet og på mange sider, så kan det være en god ide at placere relevante produktblokke rundt omkring på dine skabeloner – fx over eller under indholdet.


Produkter i indlæg og på sider

Du kan flette produkter ind i alle dine indlæg og sider. Sæt enkeltprodukter eller kategorier ind, der hvor du vil have dem.

Som eksempel viser jeg lige blokken Fremhævet kategori. Jeg har valgt at vise kategorien “figurer” fra mit garagesalg.

Din kreative netbutik

Du behøver altså ikke at nøjes med siden “shop”, når du designer din webshop.

Med Woo kan du placere dine varer overalt. Så brug nogen passende blokke fra Woo, dér hvor det giver mening på dit website. Når du gør det, så bliver det meget lettere at lave product cards.

Når Woo fyldes med produkter giver filtrering med kategorier og tags utallige kreative muligheder.