Bygg forsiden i editoren

Forsiden er det første kundene møter, og i Kaupen bygger du den uten å skrive en eneste kodelinje. Editoren er visuell og seksjonsbasert: du legger til ferdige byggeklosser, fyller dem med ditt eget innhold, og ser resultatet med en gang.

Kort svar

Åpne editoren og velg sidetypen Forside. Bygg siden ovenfra og ned ved å legge til én seksjon av gangen — hero-banner, produktrutenett, funksjons-kolonner, tekst + bilde, kunde-omtaler, spørsmål og svar, nyhetsbrev — og dra for å endre rekkefølgen. Til høyre ser du en live forhåndsvisning, og du kan veksle mellom desktop, nettbrett og mobil. Mobil er viktigst: det er der de fleste norske nettbutikker får trafikken sin. Du trenger ikke kode, og du kan jobbe i en arbeidskopi av temaet til du er fornøyd.

Slik kommer du i gang

Åpne editoren og velg sidetypen Forside. Du bygger siden ovenfra og ned ved å legge til én seksjon av gangen. Klikk på en seksjon for å redigere tekst, bilder og knapper. Til høyre ser du forhåndsvisningen som oppdaterer seg mens du jobber.

Editoren dekker ikke bare forsiden. Du kan velge sidetype og redigere Alle produkter, Produktside, Kategori-/samlingsside, Handlekurv, Kasse, Ordrebekreftelse, Om oss og Kontakt — hver med sine egne seksjoner.

Seksjonene du kan legge til

Seksjonene er gruppert etter hva de gjør:

• Tekst & innhold — Tekstblokk, Hero-banner, Tekst + bilde, Funksjons-kolonner, Verdikort, Spørsmål og svar, Kunde-omtaler, CTA-banner.
• Media — Bildeblokk, Bildebanner, Bildegalleri, Video, Logo-bånd, Betalingsmåter, Rullende tekst.
• Handel — Produktrutenett, Samlinger, Blogg-forhåndsvisning.
• Skjema & kontakt — Kontaktskjema, Nyhetsbrev, Kart.
• Oppsett — Header (logo + meny), Footer, Annonseringsbanner, Mellomrom.
• Avansert — Egen kode (HTML).

Dra og slipp for å endre rekkefølgen.

En forside som faktisk selger

Det vanligste feilgrepet er å legge inn alt. En forside som fungerer har som regel denne rekkefølgen:

1. Hero-banner med ett tydelig budskap og én knapp. Ikke tre.
2. Produktrutenett med noen få utvalgte varer — det folk faktisk skal kjøpe.
3. Funksjons-kolonner med det som gjør deg trygg å handle hos: «Håndlaget i Norge», «Sendes innen 2 dager», «Trygg betaling med Vipps».
4. Tekst + bilde med litt om hvem du er. For håndlaget er dette ofte det som avgjør salget.
5. Nyhetsbrev nederst, så de som ikke kjøper i dag likevel blir igjen.

Forhåndsvis på mobil og desktop

De fleste norske nettbutikker får mest trafikk fra mobil. Bytt mellom desktop, nettbrett og mobil i forhåndsvisningen og sjekk at alt ser bra ut på hver skjerm. Husk korte overskrifter og tydelige knapper — det fungerer best på liten skjerm.

Angre uten å være redd

Du kan trygt prøve deg fram. Bommer du, bruker du angre og gjør om (Ctrl+Z). Vil du jobbe i fred, kan du redigere temaet som en arbeidskopi og publisere det først når du er fornøyd. Se Temaer: jobb i en kopi og publiser når du er klar.

Når seksjonene ikke rekker

Trenger du noe seksjonene ikke dekker, kan du legge inn egen HTML og CSS på en seksjon. Hva som er tillatt, står i guiden om egen kode. Bruk det sparsomt — egen kode er noe du må vedlikeholde selv.

Vanlige spørsmål