HJELP · SEKSJONER OG OPPSETT

Kort-utseende og kolonnebakgrunn

Et kort er en kolonne som har kledd seg opp: egen bakgrunn, myk skygge, kanskje en farget toppkant. Det er grepet som gjør «tre tjenester på rad» til tre tydelige bokser folk sammenligner. Her er alt kolonnen kan – kort, bakgrunn, plassering, luft, lenke og mobil.

Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).

Klikk et element i kolonnen og velg Kolonne i brødsmulen. Kontekstlinja viser nå tre verb – Utseende · Avstand · Mer – kolonnen har ikke eget innhold, bare rammen rundt det. Trykk Utseende. Øverst velger du bakgrunn for kun denne kolonnen (Ingen, Farge, Gradient eller Bilde), og under ligger Kortstil: Mykt kort gir hvit boks med skygge – klassikeren for pris- og tjenestebokser. Glasskort er frostet og halvgjennomsiktig – flott oppå bilde- og gradientbakgrunner. Under Flere valg ligger «Farget toppkant på kortet» (en stripe i merkefargen øverst), hjørneavrunding, loddrett plassering og «Vis først på mobil».

Vil du ha prisboksene bygget ferdig?

I det gratis forslaget setter vi opp tjeneste- og prisbokser med kort, farger og rekkefølge som konverterer – du bare justerer tallene.

Kortenes gyldne regel: likhet

Kort virker fordi de er like: samme stil, samme bakgrunn, samme avstand. Sett samme kortstil på alle kolonnene i seksjonen – og vil du fremheve ett alternativ («Mest valgt»), gi akkurat det kortet farget toppkant eller en egen bakgrunnsfarge fra paletten, og la resten være rolige. Tips: tre eller flere like kolonner blir kort automatisk; da trenger du bare Utseende for å avvike.

Bakgrunn for kolonnen

Kortstil

Plassering, luft og rekkefølge på mobil

Står tre kolonner side om side med ulik mengde innhold, avgjør loddrett plassering om innholdet ligger i toppen, midten eller bunnen av kolonnen. Det raskeste er Mer i kontekstlinja: raden «Innhold» har knappene Topp, Midt og Bunn. Samme meny har Vis først på mobil – kolonnen flyttes øverst på smale skjermer, så bildet kommer før teksten selv om det står til høyre på PC – og Flytt til venstre eller høyre. Verbet Avstand styrer luften inni kolonnen; det viktigste feltet er «Innvendig luft», der 0 fjerner all luft i en farget kolonne, så et bilde kan gå kant i kant.

Plassering

Avstand

På mobil

Lenke på hele kolonnen

Et kort som er klikkbart i sin helhet, konverterer bedre enn et med en liten lenke nederst. Mer → Lenke på hele kolonnen gjør hele flaten til én lenke, med en tydelig effekt når man holder musa over. Bruk det på tjenestekort som peker til hver sin side, og sett gjerne en knapp i kortet likevel, så det er synlig at det kan klikkes.

Lenke

Kolonnebakgrunn uten kort

Utseende-dialogen kan også gi kolonnen en ren bakgrunnsfarge, en gradient eller et bilde uten kortstil – nyttig når én kolonne skal skille seg svakt fra seksjonsbakgrunnen uten boks-følelsen. Med bilde blir teksten lys, og mørkleggingen styrer lesbarheten som for seksjoner. Husk kontrasten – og at mindre ofte er mer.

Se dine tjenester som tydelige valg

Be om et gratis forslag, så presenterer vi tilbudet ditt i kort som gjør valget lett for kunden – klart på én dag, uforpliktende.

Kort trenger luft rundt seg for å sveve: se avstand og luft, og hvordan kolonnene fordeles i kolonner og bredde.

Ser kortene trange ut?

Øk seksjonens avstand (Seksjon → Avstand) – kort uten luft mister hele effekten. Vil du ha et blikk på boksene dine, send oss et ord via Hjelp øverst til høyre i editoren.

Les også