Shortcodes for landingssider

Med shortcodes kan du bygge profesjonelle landingssider direkte i sideeditoren — uten å kunne kode. Skriv en shortcode i innholdsfeltet, og Nyrge rendrer den som en ferdig designet seksjon.

Oversikt over shortcodes

ShortcodeBeskrivelseLukketag?
[hero]Hero-seksjon med tittel, undertekst og knapperNei
[stats]Nøkkeltall-bar med verdi og etikettJa
[features]Feature-kort med ikon, tittel og beskrivelseJa
[steps]Nummererte prosess-stegJa
[pricing]Priskort med sjekkliste og knappJa
[cta]Call-to-action-seksjon (mørk bakgrunn)Nei
[cards]Senterte kort for bransjer eller bruksområderJa

[hero] — Hero-seksjon

Viser en stor overskrift, undertekst og inntil to handlingsknapper. Perfekt øverst på en landingsside.

[hero title="Bookingsystem for bedrifter" subtitle="Ta imot bookinger direkte på nettsiden" btn_text="Kom i gang" btn_url="/kom-i-gang" btn2_text="Se demo" btn2_url="/demo" badge="Ny funksjon"]

Attributter:

  • title — Hovedoverskrift (H1)
  • subtitle — Undertekst
  • btn_text / btn_url — Primærknapp (valgfritt)
  • btn2_text / btn2_url — Sekundærknapp (valgfritt)
  • badge — Liten merkelapp over tittelen (valgfritt)

[stats] — Nøkkeltall

Viser en rad med nøkkeltall. Verdi og etikett skilles med |, og hvert tall skilles med komma.

[stats]500+|Kunder,24/7|Support,99.9%|Oppetid,15 min|Oppsett[/stats]

[features] — Feature-kort

Viser et rutenett av kort med ikon, tittel og beskrivelse. Hvert kort skilles med ---.

[features title="Våre funksjoner" subtitle="Alt du trenger" cols="3"]
calendar|Bookingkalender|Uke- og månedvisning med fargekoder
---
mail|Automatiske e-poster|Bekreftelse og påminnelse
---
user|Kundeportal|Kunden kan se og avbestille selv
[/features]

Attributter:

  • title — Seksjonsoverskrift
  • subtitle — Undertekst
  • cols — Antall kolonner (2, 3 eller 4, standard 3)

Kortformat: ikonnavn|Tittel|Beskrivelse

[steps] — Prosess-steg

Viser nummererte steg. Hvert steg skilles med ---.

[steps title="Slik fungerer det" subtitle="Tre enkle steg"]
Registrer deg|Opprett konto og velg bransjemal
---
Tilpass innhold|Fyll inn din bedriftsinformasjon
---
Publiser|Nettsiden din er klar på minutter
[/steps]

Format per steg: Tittel|Beskrivelse

[pricing] — Priskort

Viser et priskort med sjekkliste og handlingsknapp. Hver linje i innholdet blir et listepunkt med hake-ikon.

[pricing title="CRM-modul" price="299" period="kr/mnd" mva="eks" btn_text="Prøv gratis" btn_url="/kom-i-gang" highlight="true"]
Kontaktregister med aktivitetslogg
Bookingsystem med kalender
Medlemskap og abonnementer
Automatiske e-poster
14 dager gratis prøveperiode
[/pricing]

Attributter:

  • title — Korttittel
  • price — Pris (tall)
  • period — Prisperiode, f.eks. «kr/mnd» (standard)
  • mva — «eks» eller «inkl» (vises som «eks. mva»)
  • btn_text / btn_url — Handlingsknapp
  • highlight — «true» for aksent-ramme

[cta] — Call-to-action

Mørk seksjon med overskrift, undertekst og knapper. Perfekt nederst på en side.

[cta title="Klar for å komme i gang?" subtitle="14 dager gratis, ingen bindingstid" btn_text="Kom i gang" btn_url="/kom-i-gang" btn2_text="Kontakt oss" btn2_url="/kontakt"]

[cards] — Kort-rutenett

Senterte kort for bransjer, bruksområder eller lignende. Samme format som [features], men med sentrert tekst.

[cards title="Perfekt for" subtitle="Fungerer for alle bransjer" cols="3"]
scissors|Frisørsalonger|Klipp, farging, styling
---
grid|Restauranter|Bordreservasjoner
---
activity|Klinikker|Konsultasjoner
[/cards]

Attributter: Samme som [features], men cols kan være 2–6.

Tilgjengelige ikoner

Følgende ikonnavn kan brukes i [features] og [cards]:

calendar, mail, user, users, clock, phone, map, search, settings, chart, shield, star, heart, check, briefcase, building, car, scissors, code, camera, globe, lock, file, credit-card, zap, activity, grid, home, truck, smile, image, edit

Tips: Hvis du bruker et ikonnavn som ikke finnes, vises et standard sirkel-ikon. Du kan kombinere flere shortcodes på samme side for å bygge en komplett landingsside.

Eksempel: Komplett landingsside

Slik kan en komplett landingsside se ut med shortcodes:

[hero title="Din bedrift på nett" subtitle="Profesjonell nettside klar på minutter" btn_text="Kom i gang" btn_url="/kom-i-gang" badge="Lansert i dag"]

[stats]500+|Fornøyde kunder,20|Bransjer,99.9%|Oppetid[/stats]

[features title="Funksjoner" cols="3"]
globe|Responsiv nettside|Ser bra ut på alle enheter
---
shield|GDPR-klar|Norsk hosting og personvern
---
zap|Rask oppsett|Klar på under 15 minutter
[/features]

[steps title="Slik kommer du i gang"]
Velg bransjemal|Velg blant 20 ferdige maler
---
Tilpass innhold|Fyll inn info om din bedrift
---
Publiser|Nettsiden er klar
[/steps]

[cta title="Prøv Nyrge gratis" subtitle="14 dager uten forpliktelser" btn_text="Start nå" btn_url="/kom-i-gang"]

Fant du ikke det du lette etter?

Ta kontakt med oss, så hjelper vi deg videre.

Kontakt oss