Formuläröversikt - Webflow hjälp
Formulär är ett av de mest kraftfulla verktygen på webben, vilket gör det möjligt att effektivt samla in information, oavsett om du samlar in e-postprenumerationer eller arbetsförfrågningar från potentiella kunder. Med Webflow kan du helt anpassa och optimera dina formulär för att passa dina behov. Du kan lägga till ett formulärblock på din webbplats från Lägg till panel → Element → Formulär.
Formulärets anatomi
Formulärblocket ärver hela bredden av sitt överordnade element och innehåller tre underordnade element:
- Formulär — innehåller alla dina formulärinmatningar och element
- Framgångsmeddelande — meddelandet som returneras när formuläret har skickats in framgångsrikt
- Felmeddelande — meddelandet som returneras när det finns ett problem med formulärinlämningen
Formulärstruktur
Du kan lägga till eller ta bort något av följande formulärelement inom formuläret för att anpassa ditt formulär efter behov:
| Formulärelement | Syfte |
|---|---|
| Fältetikett | Används för att beskriva funktionen eller syftet med ett formulärfält. Fältetiketter är viktiga för tillgänglighet. |
| Inmatning | Används för att samla in enradig data, som ett kort svar på en fråga (t.ex. namn eller e-postadress) |
| Filuppladdning | Tillåter besökare att bifoga en fil till sin formulärinlämning |
| Textområde | Tillåter besökare att mata in flerradig data, som ett långt meddelande |
| Kryssruta | Används för inmatningsdata där besökare kan välja ett eller flera alternativ |
| Radioknapp | Används för inmatningsdata där besökare kan välja endast ett av många alternativ |
| Välj | Används för att låta besökare välja alternativ från en rullgardinslista. Flera val tillåtna |
| reCAPTCHA | Googles tjänst som förhindrar formulärspam |
| Skicka-knapp | Skickar all data som samlats in i ett formulär. Inget formulär är komplett utan Skicka-knappen |
Hur man konfigurerar formelement
Du kan dubbelklicka på ett formelement (t.ex. Inmatning, Skicka-knapp) för att öppna dess inställningar. Varje formelement har olika inmatningsinställningar beroende på dess typ:
| Inmatningsinställning | Syfte | Ytterligare anteckningar |
|---|---|---|
| Namn | Identifierar fältet vid formulärinlämningar | n/a |
| Obligatorisk | Låter dig kräva att ett formulärfält fylls i för att skicka formuläret | Blockerar tomma inlämningar |
| Platshållare | Visar text i inmatning som försvinner vid skrivning; bör INTE ersätta etiketter eller viktiga instruktioner | Inte tillgänglig för hjälpmedel eller översättningsverktyg; kan stylas från tillståndsmenyn |
| Texttyp | Anger typen av inmatning (t.ex. e-post, telefon, lösenord) | Telefon accepterar tecken & visar knappsats; lösenord döljer skrivna tecken |
| Autofokus | Bestämmer om fältet auto-fokuserar när sidan laddas | Se upp för rullnings-/hopp-problem eller dolda fält som blockerar inlämningar |
Skicka-knapp
Inställningarna för Skicka-knappen låter dig ställa in:
- Knapptext: Vad som visas på knappen (standard: “Skicka”)
- Väntetext: Vad som ersätter knappen efter att den har klickats & innan inlämningen är klar (standard: “Vänligen vänta…”)
Hur man hanterar formulärinställningar
Anpassa framgångs- och felmeddelanden
Välj formulärblocket och gå till Formulärblockinställningar för att:
- Normal: Standardläge
- Framgång: Meddelande efter en lyckad inlämning
- Fel: Meddelande efter en misslyckad inlämning
Ange formulärets namn
Namnet du anger kopplar formuläret till dess inskickade data. Om du inte anger unika namn visas all inskickad data under "E-postformulär." Ge beskrivande namn för att skilja formulär åt.
Hantera formulärinskick och aviseringar
- Ange mottagare i Formulärblockinställningar.
- Få tillgång till avancerade aviseringar i Webbplatsinställningar → Formulär → Formuläraviseringar.
- För fullständiga webbplatsägare: få tillgång till/hantera formulärdata i Webbplatsinställningar → Formulär → Formulärinskick.
Omdirigera besökare vid formulärinskick
Lägg till en URL i Omdirigera-fältet för att skicka användare någon annanstans efter inskick.
Ange en anpassad åtgärd
Lägg till en anpassad åtgärd för att skicka inskick någon annanstans (t.ex. HubSpot). När du lägger till detta, behandlar eller skickar Webflow inte aviseringen. Du kan också ansluta appar för fler integrationer.
Visa appanslutningar
Anslutna appar visas i Anslutningar. Obs: Skicka formulärdata till Webflow visas alltid om du inte helt kringgår Webflow-behandling.
Formulärdata och GDPR
- Om du samlar in personuppgifter från EU-invånare (inklusive genom formulär) är du en personuppgiftsansvarig enligt GDPR.
- Få lämpligt samtycke för datainsamling.
- Om du bygger för kunder, utbilda dem om deras ansvar.
- Granska ansvar om du ansluter data till tredje parter (t.ex. Zapier).
Läs mer:
Felsökning
Om ditt formulär inte kan skickas:
- Om du har aktiverat reCAPTCHA, se till att alla formulär inkluderar det. Annars misslyckas inskick.
- Om du har dolda fält, se till att Autofokus är avstängt för dessa.
- Gratis/ohostade webbplatser är begränsade till totalt 50 formulärinskick. Uppgradera din webbplatsplan för att ta bort begränsningen.
Om problem kvarstår, kontakta kundsupport.