Hur lägger jag till ett kontaktformulär i Hemsideprogrammet?
Den här guiden visar hur du infogar ett kontaktformulär på din hemsidan i Hemsideprogrammet.
- Steg 1 - Dra komponenten Kontaktformulär till arbetsytan
- Steg 2 - Ange formulärets e-postadress
- Steg 3 - Redigera kontaktformuläret
- Steg 4 - Klicka på Redigera fält
- Steg 5 - Klicka på Lägg till
- Steg 6 - Välj typ av fält
- Steg 7 - Redigera fältinställningarna
- Steg 8 - Klicka på Stil för formulärinställningar
- Steg 9 - Justera stilen på kontaktformuläret
- Steg 10 - Klicka på Bekräftelsemeddelande för formulärinställningar
- Steg 11 - Skriv bekräftelsemeddelande
- Steg 12 - Aktivera captcha
- Steg 13 - Justera kontaktformulärets storlek och placering
Har du inte tillgång till Hemsideprogrammet? Du kan prova det kostnadsfritt i 14 dagar och skapa en hemsida på nolltid. Starta din kostnadsfria provperiod nu
Steg 1 - Dra komponenten Kontaktformulär till arbetsytan
- I Hemsideprogrammets redigerare går du till den sektion på hemsidan där du vill placera kontaktformuläret.
- Klicka på Kontakt i komponentmenyn till vänster i redigeraren.
- Klicka och dra komponenten till din arbetsyta och placera den där du vill att formuläret ska vara.
Obs! Du kan bara ha ett kontaktformulär per sida. Om komponenten är grå betyder det att du redan har ett kontaktformulär på den sidan.
Steg 2 - Ange formulärets e-postadress
- Välj den e-postadress som formuläret ska skickas till. Du kan välja en befintlig adress eller skapa en ny. Tänk på att e-postadressen måste göras på din domän. Om du till exempel har domänen one-example.com måste det vara en @one-example.com-adress. Om du använder en extern e-postleverantör behöver du ändå skapa ett e-postkonto hos oss i kontrollpanelen.
- Ange en ämnesrad för dessa e-postmeddelanden så att du lätt kan känna igen dem i inkorgen.
- Klicka på Spara för att fortsätta.
Om du vill ändra e-postadressen senare klickar du på kontaktformuläret och väljer Redigera kontaktformulär --> E-postinställningar.
Tips: Skapa ett e-postfilter för att flytta alla formulärmeddelanden till en specifik mapp på ditt e-postkonto.
Steg 3 - Redigera kontaktformuläret
Som standard har kontaktformuläret en Skicka-knapp och tre fält: Namn, E-post och Meddelande.
Klicka på Redigera kontaktformulär för att lägga till eller redigera fält.
Steg 4 - Klicka på Redigera fält
Klicka på Redigera fält om du vill ändra fältets standardinställningar.
Tips: Du kan ändra knappens standardtext. Klicka i knappens textfält och skriv din egen text.
Steg 5 - Klicka på Lägg till
Här kan du redigera inställningarna för befintliga formulärfält. Det går att ta bort och lägga till nya fält med olika alternativ. Du kan lägga till så många fält du vill genom att klicka på knappen Lägg till i det övre högra hörnet.
I den här guiden lägger vi till en kryssruta för anmälan till ett nyhetsbrev, men du kan givetvis lägga till vad du vill.
Steg 6 - Välj typ av fält
Du kan lägga till flera typer av fält i kontaktformuläret. I den här guiden lägger vi till kryssrutor.
Markera det fält du vill lägga till och klicka på Klar.
Steg 7 - Redigera fältinställningarna
Varje fälttyp har inställningar du kan justera.
- Klicka på pennikonen vid fältet.
- Ange en titel för fältet. Den kommer att vara synlig för dina besökare.
- Beroende på typ av fält kan du ha flera alternativ. Klicka på alternativet för att redigera beskrivningen, klicka på papperskorgen för att ta bort det eller klicka på Lägg till alternativ för att lägga till ett nytt.
- Om det krävs att dina besökare väljer minst ett alternativ, håll denna ruta markerad. När ett fält är obligatoriskt visas ett felmeddelande om någon försöker skicka formuläret när ett fält saknas. Du kan aktivera och ange felmeddelandet i fältet längst ner i fönstret.
- Klicka på Spara för att uppdatera formuläret med de nya fältinställningarna.
Steg 8 - Klicka på Stil för formulärinställningar
Som standard använder kontaktformuläret stilen från din mall, men du kan justera till en anpassad stil.
Klicka på Stil i den flyttbara menyn.
Steg 9 - Justera stilen på kontaktformuläret
Du kan ändra inställningarna för typsnittet och skicka-knappen.
- Typsnitt: Typsnitt, storlek och färg.
- Knapp: Stil (färg, form och ram) och teckenstorlek för knappen.
Steg 10 - Klicka på Bekräftelsemeddelande för formulärinställningar
När kontaktformuläret har skickats kommer dina besökare att se ett bekräftelsemeddelande.
Klicka på Bekräftelsemeddelande i den flyttbara menyn för att redigera standardmeddelandet. Meddelandet sparas automatiskt när du anger det i fältet.
Steg 11 - Skriv bekräftelsemeddelande
Som standard är bekräftelsemeddelandet "Tack för ditt meddelande". Du kan göra det mer personligt genom att redigera meddelandet.
Steg 12 - Aktivera captcha
Captcha är ett utmärkt verktyg som hjälper dig att skydda ditt formulär från bot-attacker och skräppostmeddelanden.
Det kommer automatiskt att aktiveras om du skapar ett nytt kontaktformulär på din hemsida. Men du kan också sköta det manuellt i formulärinställningarna.
- Välj komponenten Kontaktformulär.
- Klicka på Redigera kontaktformulär.
- I den flyttbara menyn som dyker upp klickar du på Captcha.
- Skjut reglaget Visa Captcha för att aktivera/inaktivera Captcha och välj ett språk från rullgardinsmenyn.
Steg 13 - Justera kontaktformulärets storlek och placering
Nu när formuläret är färdigt är det dags att justera dess placering och storlek. Klicka på Spara och publicera för att göra formuläret tillgängligt online.
Relaterade artiklar: