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. 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:

##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.

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

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

Om du vill ä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.

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