Loopia Sitebuilder: Formulär-blocket

Formulär-blocket (Forms) 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ärinlämningar på din publicerade webbplats automatiskt levereras till din inkorg. Inga tredjepartsintegrationer behövs.

Nedan går vi igenom hur du redigerar Formulär-blocket och specifikt kontaktformuläret.

Lägga till ett Formulär-block

Så här lägger du till det här blocket på din sida:

1. Välj en plats där du vill lägga till ditt Formulär-block och klicka på Add a block (+) Plus-knappen.
2. I Block library, välj Forms i listan för att se de färdigdesignade layouterna för den här blocktypen.
3. Klicka på den färdigdesignade layout du vill lägga till på din sida.

Anpassa blockinställningarna

Du kan anpassa Formulär-blocket med hjälp av dess kontrollpanel. För att aktivera den, klicka på blocket och klicka sedan på ikonen Block settings.

Block settings-menyn visas. Den består av två flikar: fliken Layout och fliken Appearance.

I fliken Layout kan du växla 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), ta bort den blå bocken bredvid elementets namn.

I fliken Appearance kan du göra följande ändringar:

• Block style: Ändra blockets färgschema.
• Block spacing: Justera mellanrummen (marginalerna) ovanför och under blocket.
• Block height: Justera blockets höjd genom att slå av och på helskärm.
• Media content location: Ändra kartans position (för de blocklayouter som har en).
• Form location: Välj var ditt formulär ska placeras (vänster eller höger sida).
• Media settings: Lägg till ett svart-vitt-filter på kartan i det här blocket.

Obs: Beroende på vilken blocklayout du väljer kan du ha fler eller färre kontroller i fliken Appearance.

När du anpassat blockinställningarna klart, klicka på Save.

Anpassa kontaktformulärets fält

För att anpassa elementen i ett kontaktformulär, följ dessa steg:

1. Klicka på formuläret för att aktivera fönstret Form settings.
2. I General-fliken, klicka på Settings-ikonen för det formulärfält du vill redigera.
3. I Edit item-menyn kan du anpassa Label (texten ovanför fältet) och Placeholder (texten i fältet som visar besökaren vad som ska anges).
4. Du kan också markera Make required-knappen så att formuläret inte kan skickas utan att det fältet är ifyllt.
5. Klicka på Submit när du är klar.

Ange mottagare av kontaktformuläret

För att ditt formulär ska fungera behöver du ange mottagar-e-postadressen – dit inlämningarna skickas.

Så här anger du mottagar-e-postadressen för ditt kontaktformulär:

1. Klicka på formuläret för att aktivera fönstret Form settings.
2. I Advanced-fliken ser du din registrerings-e-post tillagd i Recipients-fältet. Du kan ta bort den från listan över formulärmottagare genom att klicka på X-ikonen nära den eller lägga till en eller flera e-postadresser genom att skriva i fältet.
3. Klicka på Create option-meddelandet i dropdown-fältet för att bekräfta att lägga till e-postadressen.
4. I det här fönstret kan du också ändra Success message som dina besökare ser när de skickar in formuläret.
5. När du är klar, klicka 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, klicka på formuläret för att aktivera fönstret Form settings och klicka sedan på den runda Plus (+)-knappen.

I menyn Add new item kan du välja en fälttyp. Fälttyperna är grupperade i två kategorier.

Kategorin Basic innehåller följande fält:

• Short text (användbart för korta inmatningar)
• Long text (användbart för längre meddelanden)
• Drop-list (låter dina besökare välja mellan flera alternativ)
• Checkboxes (låter dina besökare välja ett eller flera alternativ från listan)
• Radio buttons (låter dina besökare välja endast ett alternativ från en lista med ömsesidigt uteslutande val)
• Date och Time (båda fälten fungerar utmärkt för bokningsförfrågningar)

Kategorin Contacts (scrolla nedåt i fönstret Add new item för att se dem) innehåller följande fält:

• Name
• Email
• Phone
• Address
• Company
• Position
• Link

När du valt den nya fälttypen, lägg till en Label (fältets namn) och en Placeholder (texten i fältet som visar besökaren vad som ska anges). Du kan också markera fältet som obligatoriskt.

När du är klar med att anpassa det nya fältet, klicka på Submit.

Ändra ordning på fälten i formuläret

Du kan ändra ordningen på elementen i formuläret genom att ta tag i en hamburgerikon bredvid formulärtiteln i listan och dra den upp eller ner 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 fältet du vill ta bort och klicka på dess Delete-ikon.

Obs: Email-fältet kan inte tas bort eftersom ditt formulär utan det inte fungerar. Det är där dina besökare skriver sina e-postadresser så att du kan kontakta dem senare.

Skapa ett GDPR-kompatibelt formulär

När du samlar in personlig information från dina besökare, till exempel namn och e-postadresser, måste du få samtycke från dem.

Lägg till ett fält för användarens samtyckesförfrågan 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 villkorssidor.

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 den nya färgpaletten på din webbplats.

Säkerhet

Dina webbplatser skyddas från massinmatning av falska användare och automatiserade bottar av hCaptcha.

Den misstänkta information som läggs till i formulärets fält som ser ut som skräppost eller bluff aktiverar också ett meddelande i mejlet direkt ovanför själva meddelandet.