Formulärblocket (Forms) är det block som innehåller ett kontaktformulär – en enkel och praktisk funktion som låter dina webbplatsbesökare komma i kontakt med dig. Våra kontaktformulär är helt automatiserade, så du behöver bara ange din e-postadress och skapa formulärfälten så att alla formulärinskick på din publicerade webbplats automatiskt levereras till din inkorg. Inga tredjepartsintegrationer behövs.
Nedan går vi igenom hur du redigerar Formulärblocket och specifikt kontaktformuläret.
Lägga till ett Formulärblock
Så här lägger du till blocket på din sida:
- Välj en plats där du vill lägga till ditt Formulärblock och klicka på Add a block (+)-knappen.
- I Block library, välj Forms från listan för att se de färdigdesignade layouterna för den här blocktypen.
- Klicka på den färdiga layout du gillar för att lägga till den på din sida.
Anpassa blockinställningarna
Du kan anpassa Formulärblocket med hjälp av dess kontrollpanel. Aktivera den genom att klicka på blocket och sedan klicka på ikonen Block settings.
Menyn Block settings visas. Den består av två flikar: Layout-fliken och Appearance-fliken.
I Layout-fliken kan du byta blocklayout och välja vilka element som ska visas i blocket. För att dölja ett specifikt blockelement (om du till exempel vill ta bort en e-postadress) tar du bort den blå bocken bredvid elementets namn.
I Appearance-fliken kan du göra följande ändringar:
- Block style: Ändra blockets färgschema.
- Block spacing: Justera vita ytor (marginaler) upptill och nedtill i ditt block.
- Block height: Justera blockets höjd genom att slå på och av fullskärm.
- Media content location: Ändra kartans position (för den blocklayout som har en karta).
- Form location: Välj var ditt formulär ska placeras (vänster eller höger sida).
- Media settings: Lägg till ett svartvitt filter på kartan i blocket.
Obs! Beroende på vilken blocklayout du väljer kan du ha fler eller färre kontroller i Appearance-fliken.
När du är klar med att anpassa blockinställningarna klickar du på Save.
Anpassa kontaktformulärets fält
För att anpassa elementen i ett kontaktformulär följer du dessa steg:
- Klicka på formuläret för att aktivera fönstret Form settings.
- I fliken General, klicka på Settings-ikonen för det formulärfält du vill redigera.
- I menyn Edit item kan du anpassa Label (texten ovanför fältet) och Placeholder (texten inuti fältet som ger besökaren en hint om vad som ska anges).
- Du kan också kryssa i Make required-knappen så att formuläret inte kan skickas utan att det här fältet är ifyllt.
- Klicka på Submit när du är klar.
Ange mottagare för kontaktformuläret
För att ditt formulär ska fungera behöver du ange mottagarens e-postadress – dit inskicken ska skickas.
Så här anger du mottagarens e-postadress för ditt kontaktformulär:
- Klicka på formuläret för att aktivera fönstret Form settings.
- I Advanced-fliken ser du din registreringsmail tillagd i Recipients-fältet. Du kan ta bort den från listan över formulärmottagare genom att klicka på X-ikonen bredvid den, eller lägga till en eller flera e-postadresser genom att skriva i fältet.
- Klicka på meddelandet Create option i rullgardinsfältet för att bekräfta tillägget av e-postadressen.
- I det här fönstret kan du också ändra Success message som dina besökare ser när de skickar formuläret.
- När du är klar klickar du på Submit för att bekräfta ändringarna.
Lägga till ett nytt fält
För att lägga till ett nytt fält klickar du på formuläret för att aktivera fönstret Form settings och klickar sedan på den runda plusknappen (+).
I menyn Add new item kan du välja en fälttyp. Fälttyperna är grupperade i två kategorier.
Kategorin Basic inkluderar följande fält:
- Short text (användbart för korta inmatningar)
- Long text (användbart för längre meddelanden)
- Drop-list (gör att dina besökare kan välja mellan flera alternativ)
- Checkboxes (gör att dina besökare kan välja en eller flera åtgärder från listan)
- Radio buttons (gör att dina besökare kan välja endast ett alternativ från en lista över ömsesidigt uteslutande val)
- Date och Time (båda fälten fungerar utmärkt för bokning av möten eller tider).
Kategorin Contacts (rulla nedåt i fönstret Add new item för att se dem) inkluderar följande fält:
- Name
- Phone
- Address
- Company
- Position
- Link
När du har valt den nya fälttypen, lägg till en Label (fältets namn) och en Placeholder (texten inuti fältet som ger besökaren en hint om vad som ska anges). Du kan också markera fältet som obligatoriskt.
När du är klar med att anpassa det nya fältet klickar du på Submit.
Ändra ordningen på fält i formuläret
Du kan ändra ordningen på objekten i formuläret genom att ta tag i hamburgerikonen bredvid formulärets titel i listan och dra den uppåt eller nedåt i listan. Formulärfälten justeras automatiskt.
Ta bort formulärfält
För att ta bort ett formulärfält, gå till Form settings, hitta det fält du vill ta bort och klicka på dess Delete-ikon.
Obs! Email-fältet kan inte tas bort eftersom ditt formulär inte fungerar utan det. Det här fältet är där dina besökare anger sin e-postadress så att du kan kontakta dem senare.
Skapa ett GDPR-kompatibelt formulär
När du samlar in personuppgifter från dina besökare, såsom namn och e-postadresser, måste du inhämta deras samtycke.
Lägg till ett fält för användarsamtycke i ditt kontaktformulär genom att klicka på alternativet Display GDPR consent field i Advanced-fliken.
Du kan helt anpassa texten i samtyckesfältet genom att klicka på standardtexten och skriva eller klistra in din egen formulering. Du behöver också lägga till länkar till dina sidor med villkor.
Anpassa formulärknappen
Du kan ändra texten i knappen genom att klicka på den och skriva in nya ord. För att ändra knappens färg kan du tillämpa en ny färgpalett på din webbplats.
Säkerhet
Dina webbplatser är skyddade mot massregistrering av falska användare och automatiserade botar av hCaptcha.
Misstänksam information i formulärets fält som ser ut som spam eller scam utlöser också en notis i e-postmeddelandet precis ovanför själva meddelandet.
