Formulareditoren er et brugervenligt værktøj, der giver dig mulighed for at oprette forskellige typer webformularer til at interagere med besøgende på webstedet eller indsamle brugeroplysninger. Med sin intuitive grænseflade, der ligner tekst- og billededitoren blot med flere tilføjede tilpasningsmuligheder, kan du designe og konfigurere formularer såsom feedbackformularer, abonnementsformularer, undersøgelser og mere.
Tilføjelse af en formular til dit websted
1. Gå til fanen Byg i menuen til venstre, og vælg kategorien Formularer .
2. Træk og slip formularelementet på det ønskede sted på siden. En blå pladsholder angiver den nærmeste tilgængelige placering.
Formularelementer
1.Elementer Konfigurer indholdet, herunder formularfelter, afkrydsningsfelter, alternativknapper og handlingsknap.
2. Indstillinger: Angiv, hvad der sker ved indsendelse af formularer, f.eks. afsendelse af data til en e-mail eller database.
Formularelementer
1. Tekstfelt
Tekstfeltet giver brugerne mulighed for at indtaste korte tekstindtastninger på en enkelt linje i din formular.
Felttyper
Indstillingen Type bestemmer, hvilken type data brugerne kan indtaste:
- Tekst – Viser inputtet nøjagtigt som indtastet.
- Adgangskode – Skjuler inputtegn ved at vise dem som *** (f.eks. for adgangskoder).
- Skjult – Gemmer systemrelaterede oplysninger (f.eks. henvisnings- eller browseroplysninger) eller forududfyldte data, som brugerne ikke bør se.
- Fil* – Giver besøgende mulighed for at uploade billeder, lyd, video eller andre filer. Indsendte filer genererer en e-mail med et downloadlink, der kan klikkes.
Tilpasningsmuligheder
- Navn – En unik identifikator til at henvise til feltet i formulareditoren og i e-mails eller blogindlæg, der genereres af formularen.
- Bredde – Juster feltets bredde ved at indtaste en værdi eller trække i størrelseshåndtagene.
- Maks. længde – Angiver det maksimale antal tegn, som feltet kan acceptere.
- Valider som – Angiver den påkrævede indholdstype (f.eks. skal et e-mailfelt indeholde en korrekt formateret e-mailadresse). Hvis inputtet er ugyldigt, vil brugerne se en prompt om at rette det.
- Tip – Viser hjælpetekst med vejledning eller eksempler, når brugere klikker inde i feltet.
- Standardværdi – Udfylder feltet på forhånd med en foruddefineret værdi, som brugerne kan ændre.
Filupload*
- For at gemme uploadede filer skal formularen være knyttet til en database.
- Filer, der er gemt i databasen, forbliver tilgængelige og tæller med i kontoens lagergrænse.
- Fillinks, der sendes via e-mail, optager ikke lagerplads, men udløber efter 30 dage
2. Tekstområde
Formularfeltet Tekstområde ligner tekstfeltet, men det giver mulighed for længere tekstindtastning med flere linjer.
Tilpasningsmuligheder
Ud over det samme for tekstfeltet - Navn, Etiket, Bredde, Tip, Valider som og Standardværdi er der følgende indstillinger for tekstområdet:
- Højde – Juster højden på tekstområdet enten ved at ændre tallet i højdefeltet eller ved at trække i kontrolelementerne til ændring af størrelse i tekstområdet.
- Pak ind – Angiver, hvordan teksten vises, når den indsendes i e-mails eller vises i fora/blogs.
- Standard – Bruger browserens eller e-mailklientens standardindstillinger for tekstombrydning.
- Fra – Deaktiverer tekstombrydning, så teksten ikke ombrydes på nye linjer, når den skrives.
- Fysisk – Viser teksten nøjagtigt, som den blev ombrudt i tekstområdet.
- Virtuel – Giver e-mailklienten mulighed for at bestemme, hvordan teksten skal ombrydes.
3. Vælg-felt
Vælg-feltet giver brugerne mulighed for at vælge fra en foruddefineret liste over muligheder. Den kan vises som enten en rullemenu eller en liste, afhængigt af den valgte konfiguration.
Tilpasningsmuligheder
- Type – Angiver, hvordan indstillingerne vises:
- Menu – Viser en rullemenu, hvor brugerne kan vælge én mulighed.
- Liste – Viser alle tilgængelige muligheder på en lodret liste.
- Indstillinger – Repræsenterer de valgmuligheder, der kan vælges i feltet.
- Navn på valgmulighed – Den tekst, der vises i rullemenuen eller listen.
- Indstillingsværdi – De faktiske data, der sendes i e-mails, når indstillingen er valgt.
- Rækkefølge & Styring – Brug pil op/ned til at omarrangere muligheder, slette uønskede eller angive et standardvalg, der vises, når formularen indlæses.
4. Afkrydsningsfelter
Afkrydsningsfelter giver brugerne mulighed for at vælge flere muligheder fra en liste eller slå en enkelt indstilling til eller fra. De er nyttige til at præsentere multiple-choice-valg, hvor der kan vælges mere end én mulighed.
Tilpasningsmuligheder
- Navn – Det entydige ID for afkrydsningsfeltet, der bruges i formularskabeloneditoren, e-mails og blogindlæg. Tænk på det som det spørgsmål, brugerne besvarer ved at markere eller fravælge afkrydsningsfelter.
- Værdi – Repræsenterer det valgte svar. Hvis afkrydsningsfeltets værdi f.eks. er angivet til "Ja", betyder det at brugeren har svaret bekræftende.
- Valgt som standard – Hvis det er aktiveret, vil afkrydsningsfeltet blive markeret på forhånd, når formularen indlæses.
- Obligatorisk – Kræver, at brugerne markerer afkrydsningsfeltet, før de indsender formularen. Dette er nyttigt i forbindelse med afkrydsningsfelter for aftaler, f.eks. krav om, at brugerne accepterer vilkår og betingelser før indsendelse.
5. Alternativknapper
Alternativknapper bruges, når der kun kan vælges én indstilling fra en foruddefineret liste. I modsætning til afkrydsningsfelter fravælger du automatisk alle andre muligheder i samme gruppe, hvis du vælger en alternativknap.
Tilpasningsmuligheder
- Gruppenavn – Alle alternativknapper, der repræsenterer valgmuligheder for det samme spørgsmål, skal tilhøre den samme gruppe. Der kan kun vælges én knap pr. gruppe ad gangen.
- Værdi – Repræsenterer svarvalget. Hvis spørgsmålet f.eks. er "Kan du lide mit websted?", kan gruppenavnet være "LikeMySite" med værdiindstillingerne Ja, Nej og Har brug for mere arbejde. Hvis en bruger vælger Ja, vises det indsendte svar som: LikeMySite: Ja
- Standardtilstand – Gør det muligt at vælge en alternativknap på forhånd, når formularen indlæses.
- Obligatorisk – Kræver, at brugeren vælger en mulighed, før formularen indsendes.
6. Feedbackformular
Formulareditoren indeholder en indbygget guide til feedbackformular, som nemt kan tilføjes ved at vælge F-ikonet.
Denne formular leveres forudkonfigureret med alle de nødvendige felter til indsendelse af feedback, herunder en Call To Action-knap. Felterne er angivet med standardindstillinger, men du kan tilpasse dem efter behov, så de passer bedre til dine behov.
7. Succes/fejlmeddelelser
Når formularen er sendt, viser systemet enten en meddelelse om succes eller fejl. Du kan styre placeringen af disse beskeder ved at angive deres placering i redigeringsvinduet.
Brug infoikonet til at vælge, hvor meddelelserne skal vises. Når Avancerede indstillinger er aktiveret i Egenskaber for formular, kan du også tilpasse meddelelsen om succes. Hvis feltet er tomt, vises standardmeddelelsen. Men hvis du foretrækker det, kan du indtaste en brugerdefineret meddelelse i formularegenskaberne, som vil blive vist til dine besøgende, når formularen er sendt.
8. Call-to-action-knap
Knappen Call-to-Action (CTA) er et afgørende element i formularen, da den giver brugerne mulighed for at indsende deres input og udfylde formularens tilsigtede handlinger. Uden det er det ikke muligt at indsende formularer.
For at indsætte en CTA-knap skal du finde dens ikon under sektionen Indbyggede elementer på værktøjslinjen Formulareditor og klikke på den. Når den er tilføjet, skal du klikke på knappen for at konfigurere den som en indsendelsesknap. I rullemenuen Link skal du vælge {Send formular} for at aktivere formularindsendelse.
Hvis du har brug for en nulstillingsknap, kan du oprette en ved at følge de samme trin og vælge {Nulstil} i stedet. Derudover indeholder det højre panel et redigerbart felt, hvor du kan tilpasse knappens billedtekst, så den matcher din formulars behov.
Egenskaber for CTA-knap & Tilpasning
- Undertekst til knap & Underbilledtekst: Indstil hovedteksten og den valgfrie undertekst, der vises på knappen.
- Størrelse: Vælg mellem små, mellemstore eller store knapstørrelser.
- Mindste bredde: Angiv en minimumsknapbredde for at sikre ensartethed i layoutet.
- Mouseover-billedtekst & Underbilledtekst: Angiv alternativ tekst, der vises, når brugerne holder markøren over knappen.
- Tekstovergang: Hvis der er indstillet en mouseover-billedtekst, skal du vælge en overgangseffekt for at få en glat visuel ændring.
- Fremhævningseffekt: Tilføj en animationseffekt, der aktiveres 3 sekunder efter, at siden er indlæst og gentages hvert 30. sekund.
- Farve: Vælg mellem tre foruddefinerede knapfarver.
- Justering: Juster knappen inden for indholdet (venstre, centreret eller højre).
- Polstring: Juster knappens polstring i pixels for optimal afstand.
- Knapikon: Vælg et ikon fra arkivbilledbiblioteket, eller upload et brugerdefineret billede.
- Ikon for mouseover-tekst: Du kan også tilføje et andet ikon, der vises, når du holder markøren over noget.
- Ikonplacering: Placer ikonet før eller efter knappens billedtekst.
1. Næste side
Angiv den side, der skal åbnes efter en vellykket formularindsendelse. Dette kan være en dedikeret 'Tak'-side eller en anden relevant side på dit websted. Som standard er formularen indstillet til at holde brugerne på samme side, når den er sendt. For at ændre det - vælg den ønskede side via Linktype.
2. Send til e-mail
Aktivér Send til e-mail for at modtage formularindsendelser via e-mail fra besøgende på dit websted. Dette udvider yderligere muligheder:
| - Til e-mail – Indtast den e-mailadresse, hvor formularindsendelser skal leveres, f.eks. orders@contactmywebsite.com. | |
| - Fra e-mail – For at sikre leveringsdygtighed af formularindsendelser har vi deaktiveret muligheden for at angive afsenderens e-mailadresse. | |
|
- E-mailemne – Angiv emnelinjen i e-mailen (f.eks. "Anmodning om nye oplysninger"). Du kan også bruge $xxxxx$ jokertegn til at tilpasse emnet baseret på brugerinput. |
3. E-mailformat & skabelon-editor
Vælg formatet på e-mailen:
- Almindelig – Sender e-mails, der kun indeholder tekst, og fjerner enhver formatering.
- HTML – Sender formaterede e-mails, forudsat at din e-mail-klient understøtter HTML.
For brugerdefinerede e-maillayouts skal du vælge Brug skabelon, som åbner skabeloneditoren:
- Skabeloneditoren fungerer som en forenklet tekst- og billededitor.
- Brug rullemenuen Værdi til at indsætte pladsholdere, der svarer til formularfelter.
- Når den er gemt, vil hver formularindsendelse generere en e-mail baseret på din skabelonstruktur.
4. Send bekræftelsesmail
Denne funktion sender et automatisk svar til besøgende, der bekræfter deres indsendelse.
- Til e-mail – Indtast den e-mailadresse, hvor formularindsendelser skal leveres, f.eks. orders@contactmywebsite.com.
- Fra e-mail – For at sikre leveringsdygtighed af formularindsendelser har vi deaktiveret muligheden for at angive afsenderens e-mailadresse.
- E-mailemne – Angiv emnelinjen i e-mailen (f.eks. "Anmodning om nye oplysninger").
- Meddelelsesindhold – Aktiver via Brug skabelonredigering > for at åbne tekstskabeloneditoren, hvor du kan tilpasse bekræftelsesmeddelelsen. Brug flettemærker til at indsætte formularfeltdata (f.eks. $Email$).
5. Send til database
Aktivér Send til database for at gemme indsendte formulardata i en webstedshostet database. Formularen opretter automatisk en dedikeret database med påkrævede kolonner, der matcher formularfeltnavne og datatyper. Du kan også bruge en importeret database, men sørg for, at den har matchende kolonnenavne og -typer.
Yderligere indstillinger:
- Kræver bekræftelse – Sender en e-mail med et bekræftelseslink, som brugerne skal klikke på for at validere deres indsendelse.
- Kræv godkendelse – Underretter en moderator via e-mail, der kræver, at de godkender eller afviser indsendelsen, før den gemmes. Dette hjælper med at forhindre spam eller utilsigtede indsendelser.
Du kan finde flere oplysninger i selvstudiet tilprogrammet Databaseeditor.