Hur du redigerar kontaktformuläret

N.nu så finns det ett kraftfullt inbyggt kontaktformulär. Bara använd koden ##CONTACT-FORM## var som helst för att få fram det. Då får man 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 man 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 inputs namn så 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><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.

Destination av epost direkt till rätt inkorg

För att minimera risken att epost hamnar i spamkorg så är det viktigt 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 (hög 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.

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.

Behöver du fortfarande hjälp? Kontakta oss Kontakta oss