Produktboksdesigner: Blokk — CTA-knapp


Blokk — CTA-knapp

CTA-knappen er handlingsknappen på kortet — vanligvis «Legg i handlekurv». Den lar kunden handle rett fra kategorilisten uten å gå innom produktsiden.


Hva blokken gjør

Blokken viser en knapp som legger produktet i handlekurven. Teksten på knappen tilpasses produktets tilstand: kjøpsknapp når varen er på lager, kontakt oss-knapp eller forhåndskjøp der det gjelder. Du kan overstyre teksten for hver tilstand, vise bare et ikon, og style knappen med egne farger for normal- og hover-tilstand.


Innstillinger

Innstilling

Hva den gjør

Knappetekst (på lager)

Egendefinert tekst når varen er på lager. Står tom = standardteksten brukes.

Knappetekst (ikke på lager)

Egendefinert tekst når varen er utsolgt.

Forhåndskjøp-tekst

Egendefinert tekst for forhåndskjøp.

Kontakt oss-tekst

Egendefinert tekst for kontakt oss-knappen.

Skriftalternativer

Skriftstørrelse, -vekt og -stil.

Skjul knapptekst

Viser bare ikonet, ingen tekst.

Tekstfarge / Bakgrunnsfarge

Knappens farger i normaltilstand.

Farge på svevende tekst / Hover bakgrunnsfarge

Knappens farger når kunden holder musen over.

Ikon

Ikonet på knappen. Handlekurv som standard.

Ramme / Hjørneradius

Omriss og avrunding.

Kolonnebredde

Hvor bred blokken er i raden, av 8 kolonner.

Indre luft

Avstand inne i blokken.

Ytre luft

Avstand rundt blokken.


Slik bruker du den

  • Gi knappen butikkens viktigste aksentfarge og en tydelig hover-farge. Den skal være det opplagte stedet å klikke.
  • Skjul knapptekst lager en kompakt ikonknapp — fint når plassen er liten, eller når kortet allerede er innholdsrikt.
  • Sett egne tekster bare når du vil avvike fra standarden, for eksempel «Kjøp nå» i stedet for «Legg i handlekurv».

Tips

  • Lar du tekstfeltene stå tomme, bruker knappen butikkens standardtekst for hver tilstand. Det er som regel det tryggeste.
  • Knappen håndterer ulike produkttyper automatisk. Et produkt som krever kontakt viser kontakt oss-knappen i stedet for kjøpsknappen.
  • Har produktet valgbare varianter (som størrelse eller farge), kan knappen åpne variantvalget i stedet for å legge rett i kurven. Se [Blokk — Attributtknapper] for å vise variantene direkte på kortet.