Slik bruker du Knapp-blokken

Knapper er avgjørende for å lede kundene dine til handling, enten det er for å se en kategori, lese en bloggpost eller legge en vare i handlekurven. Denne artikkelen forklarer hvordan du tilpasser tekst, lenking og utseende.

Grunnleggende oppsett

For å komme i gang med en knapp, må du definere hva som skal stå på den og hvor den skal føre kunden.

Tekst på knapp: Skriv inn budskapet ditt (f.eks. "Se utvalget" eller "Kjøp nå"). Dette feltet støtter kun ren tekst.
Lenke: Her legger du inn nettadressen knappen skal føre til.
- Full lenke (Anbefalt): Bruk hele adressen, for eksempel https://www.dinbutikk.no/kategorier/nyheter. Dette fungerer tryggest for både interne og eksterne sider.
- Kort lenke: For interne sider kan du bruke stien etter domenet, som /categories/clothing.

Stil og Utseende

Du kan velge mellom ferdige maler eller skreddersy knappen helt selv for å skape visuelt fokus.

Knappestil

I nedtrekksmenyen kan du velge mellom forhåndsdefinerte stiler fra dine temainnstillinger (f.eks. Primærknapp eller Sekundærknapp). Dette sikrer at alle knapper i butikken din ser like ut.

Tilpasset utseende

Hvis du velger Tilpasset, låser du opp detaljerte innstillinger for denne spesifikke knappen:

Fargevalg: Sett egne farger for bakgrunn og tekst.
Hover-effekt: Definer hvilken farge knappen skal få når kunden fører musepekeren over den (Bakgrunnsfarge ved musepeker). Dette gir god visuell respons.
Ikon: Velg et ikon som skal vises inne i knappen, og bestem om det skal stå til høyre eller venstre for teksten.
Avrunding (Pixel): Juster hjørnene på knappen. Et lavt tall gir firkantede knapper, mens et høyt tall gir helt runde knapper.

Avanserte innstillinger

For å finjustere typografien inne i knappen, kan du bruke de avanserte valgene:

Tekststørrelse (REM): Juster hvor stor teksten skal være inne i knappen.
Skriftvekt: Velg om teksten skal være tynn, normal eller fet (bold).