Ninja Forms

Ninja Forms er en kraftfuld kontakt formular plugin, med masser af muligheder for at udvidelser.

Denne guide viser dig, hvordan du kommer i gang med Ninja Forms. Der finde den komplette dokumentation for Ninja Forms her (På engelsk)

Opret ny formular

Ninja Forms kontrolpanel

For at oprette en ny formular, skal du klikke på “Formularer / Tilføj ny”

Indsæt felter i den nye formular

Ninja Forms tilføj elementer

Når du opretter en ny formular, starter du automatisk i fanebladet “Build your form” Her kan du vælge, hvilke felter / elementer der skal indsættes i din formular. Du kan ændre rækkefølgen af felterne med “Drag and Drop”

For at tilføje et felt i formularen, skal du klikke på det felt / element du ønsker at indsætte.  Når du indsætter en felt, vil feltet automatisk åbne indstillings panelet for det nye felt. (Se eksempel på en tekstboks herunder)

Indstillinger for felt i kontaktformularen

  • Etiket: Skriv her teksten til feltet som den skal vises på hjemmesiden. (Skal feltet bruges til at indtaste en e-mail adresse, kan du skrive E-mail som etiket)
  • Etikette placring: Her kan du vælge, hvor teksten til feltet skal stå over (Eks. til venstre for feltet)
  • Validate as an email address? : Sæt flueben her for at tjekke at det er en gyldig e-mail adresse der skrives i dette felt.
  • Disable Input: Sæt flueben her, hvis der ikke må indtastet noget i dette felt.
  • Påkrævet: Sæt flueben her, hvis det er obligatorisk at udfylde dette felt.

Når du har indsat de ønskede felter i den nye formular, skal du klikke på “Gem” og der “popper” nu et vindue op, hvor du skal navngive din formular. (Eks kontakt)

Gem kontaktformular

Fanebladet “Email & Actions”

Når du har gemt din kontaktform, skal du nu sætte en e-mail modtager på indholdet af formularen  formularen m.v. Dette gøres under fanebladet “Email & Actions”

Email & Actions

Vi skal nu give formularen besked om, hvem der skal modtage indholdet af formularen.

Klik på Tilføj ny

Send formular indholdet til din e-mail adresse

tilføj modtager af din Ninja Form

  • Action name: Navngiv her den funktion du vil oprette ( Denne kan du kalde “Admin modtager” = dig selv)
  • Type: Vælg her E-mail.
  • From name (navnet på den som udfyldte formularen): Her kan du skrive en valgfri tekst eller vælge et af dine felter fra formularen. (Eks: hvis du har oprettet et felt i formularen som afsender skal skrive sit navn i – kan du vælge dette felt.)
  • From Address (e-mail adressen på den som udfyldte formularen): Her bør du vælge det felt du har indsat til indtastning af e-mail adresse.
  • To (modtager af indholdet af formularen – i dette tilfælde dig selv): Indtast din egen e-mail adresse.
  • Subject (emne): Indtast eks. hvor mailen kommer fra (Eks: kontakt formular på min hjemmeside) dette bør du udfylde, mailen eller kan opfattes som spam.
  • E-mail message: Ofte er det nok blot at indsætte denne kode   [ninja_forms_all_fields]   i tekst feltet (som vist herover) Du får hermed vist indholdet af samtlige felter i formularen.

Klik på save for at gemme dine ændringer og herefter “Back to list”.

Send en kopi af indholdet til afsenders e-mail adresse

Du kan nu oprette en nu Email som sendes til den der har udfyldt formularen (kopi af formular indholdet + eventuel besked fra dig.)

Klik på Tilføj ny

Ninja Form - kopi til afsender

  • Action name: Navngiv her den funktion du vil oprette ( Denne kan du kalde “Kopi til afsender” = Afsenderen)
  • Type: Vælg her E-mail.
  • From name (Dit navn eller Firmanavn): Her kan du skrive dit firmanavn eller dit eget navn. Dette vises som afsender af e-mailen.
  • From Address (din e-mail adresse): Her kan du indtaste en e-mail adresse der skal svares tilbage på. Du kan også bruge en noreply@domæne (Els noreply@alphasite.dk) som afsender, hvis du ike ønsker der skal kunne svares på mailen der sendes.
  • To (e-mail adressen på den som udfyldte formularen): Her bør du vælge det felt du har indsat til indtastning af e-mail adresse.
  • Subject (emne): Skriv her det du ønsker skal vises i emne feltet på den email der sedes.
  • E-mail message: Her kan du skrive den besked der sendes sammen med indholdet af formularen Eks:

Kære — indsæt det felt fra formularen der bruges til at skrive navn fra Drop-down menuen og klik på “Insert field”

Vi har nu …… — dette er almindelig tekst.

Du kan her vælge af indsætte samtlige felter fra formularen (klik på “Insert all fields”) eller du kan vælge kun at indsætte det felt i formularen du bruger til indtastning af selve beskeden (Vælg fra drop-down menuen og klik på “Insert field”)

Med venlig hilsen….. — dette er almindelig tekst.

Klik på save for at gemme dine ændringer og herefter “Back to list”.

Bekræft at mailen blev sendt korrekt.

Vi skal her lave en kort besked, som vises på formular siden, hvis formularen blev sendt korrekt.

Klik på Tilføj ny

ninja Form - bekræft at mailen blev sendt korrekt

  • Action name: Navngiv her den funktion du vil oprette ( eks. “besked sendt”)
  • Type: Vælg her Succes besked.
  • Message: Her kan du skrive den besked der vises på Formular siden efter beskeden er blevet sendt.

Klik på save for at gemme dine ændringer og herefter “Back to list”.

Alt er nu sat op så du kan indsætte din nye formular på den ønskede side.

Indsæt formularen på en side

Indsæt Ninja form på en side i WordPress.

  • Klik på fanebladet “Settings” og udfold fanen “Display
  • Vælg den side fra Drop-down listen ved “Add form to this page”
  • Klik på Save og test din formular på den side du netop har indsat formularen på.

Ninja Forms shortcode

  • Du kan indsætte formularen på en side ved at kopiere shortcode for den form du ønsker at bruge og herefter indsætte shortcoden på den side du vil have formularen vist på. Du finder shortcoden under “Formularer / All Forms” til højre for navnet for formularen (i skærmbilleder herover er shortcoden markeret med blåt)