Hur du redigerar kontaktformuläret

På N.nu så finns det ett kraftfullt inbyggt kontaktformulär. Använd koden ##CONTACT-FORM## var som helst för att få fram det. Då får du med fält för namn, e-post, ämne och meddelande. Spam blockeras automatiskt utan att störa användare. 

De meddelanden som folk skriver in skickar skickas till den epost du har skrivit in i inställningarna.

Det är även möjligt att redigera kontaktformuläret. Detta kräver att du växlar till HTML-läge och klistrar in koden nedan (funkar både i sidredigeraren och i mallen):

##BEGIN-CUSTOM-CONTACT-FORM##
<fieldset id="contact-form">
<label>Namn:</label><br>
<input name="name" type="text" required><br>
<label>E-post *:</label><br>
<input name="email" type="email" required><br>
<label>Ämne:</label><br>
<input name="subject" type="text"><br>
<label>Telefonnummer:</label><br>
<input name="phone_number" type="text"><br>
<label>Meddelande *:</label><br>
<textarea cols="40" rows="10" name="message" required></textarea><br>
<input id="contact-button" name="submit" type="submit" value="Skicka meddelande">
</fieldset>
##END-CUSTOM-CONTACT-FORM##

Som ni ser finns det nu tillagt fält för telefonnummer. Du kan ändra från name="phone_number" till name="phone_number_required" för att kräva telefonnummer för att skicka formuläret. Sätt i så fall även en * så att folk förstår att du kräver det och lägg till ordet "required" i slutet av din input.

Du kan även ta bort "Ämne" och "Namn" om du skulle vilja det och ändra texten "Skicka meddelande".

Ämnesrad

Om du tar bort Ämne så rekommenderas att du använder följande för att minimera risken att mailet fastnar i spam:

<input name="subject" type="hidden" value="Ange en ämnesrad här">

Nya och egna fält

Du kan även lägga in annat som du vill ha med, med kryssrutor, dropdown, radiobuttons med mera. Här finns ett exempel.

För input name= rekommenderas att använda åäö och mellanslag så att det blir rätt i det epost som skickas.

Exempel:

<label>Antal personer *:</label><br>
<input name="Antal personer" type="number" required><br>
<label>Beställare *:</label><br>
<input name="Beställare" type="text" required><br>

Ändra utseendet

Om du vill ändra hur ditt kontaktformulär ser ut så är det CSS du ska jobba med. Leta efter #contact-form vilket brukar vara längst ner i din CSS-fil.

Bifoga fil (nytt sedan 2022-10-26)

Om du vill att det ska finnas en möjlighet att bifoga en fil så använd <input name="attachment" type="file"> till exempel så här:

<label>Bifoga en fil:</label><br>
<input name="attachment" type="file"><br>

Destination av epost direkt till rätt inkorg

För att minimera risken att epost hamnar i spamkorg så är det bra att den epost som är angiven i inställningarna är den rätta slutdestinationen och inte till en epost som sedan i sin tur gör forward till en annan epost (risk att epost inte kommer fram). 

Om koden ##EMAIL## används av till exempel typen kontakt@domän.se kan denna kod bytas till ##EMAIL-kontakt## istället och epost i inställningarna ändras utan att det påverkar den epost som skrivs ut på hemsidan.

Flera kontaktformulär som leder till olika epost

För dig som vill ha flera olika formulär på en och samma hemsida och de ska leda till olika epost så finns det en lösning, studera denna sidan här.

Flera olika tacksidor eller extern tacksida

Till exempel om du vill spåra på ett speciellt sätt. Se här.

Tredjepartslösning

Vi rekommenderar wufoo.com som en tredjepartslösning där du har lite fler valmöjligheter och enklare att bygga. Det kan du kan bädda in på hemsidan.

Hjälp med detta

Du kan se här på denna sidan vilka som erbjuder betald hjälp för arbete med N.nu.