Instruktioner
- Inledning
- Hur formulären är uppbyggda
- Ditt förmulär, steg för steg
- Mailutseenden
- Undrar du någonting?
Inledning
Att använda Formmail.se är väldigt enkelt! Det enda som du behöver veta innan du sätter igång är hur man bygger formulär i HTML (vet du inte det rekommenderar vi Webdesignskolans guide). Vi har försökt förklara allting på ett så enkelt sätt som möjligt så att du bör kunna sätta ihop ditt eget formulär via oss på så kort tid som möjligt. Notera att vi i den här manualen vanligtvis skriver ditt formulärs besökare som personen.Hur formulären är uppbyggda
Det finns två typer av fält som man kan använda i våra formulär. Dels så kan man använda såkallade FM-fält och Vanliga fält. FM-fälten är en typ av fält som inte kommer visas i formuläret utan används för att exempelvis ange vilken sida en person skall skickas till när mailet skickats iväg eller vad som skall stå i emailets ämne-fält.För ange vilken typ av fält du skall använda skriver du helt enkelt det inom attributen name i dina input/textarea/select-fält. Mer information finns i respektive sektion här nedanför.
Alla FM-fält
För att använda ett FM-fält skriver du in någon av följande fältnamn i name-attributen i ett vanligt input/textarea/select-fält.FM:ToEmail
Detta fält innehåller den emailadress som formuläret skall skickas till. För att undvika att såkallade spam-botar läser din email i klartext så kan du byta ut snabel-a (@) mot {at} och punkt mot {dot}. Notera att detta är det enda fält som är obligatoriskt!
FM:Redirect
Ange den url som du vill att personen skall skickas till när han eller hon har skickat emailet. Exempelvis så kan du ange en "Tack för ditt email"-adress här. Lämnas fältet tomt (eller utelämnas helt) kommer personen skickas tillbaka till den sida som han eller hon kom ifrån.
FM:FromEmail
Den email som anges här kommer stå som avsändare i det email som formuläret skickar, behändigt om du vill kunna klicka "svara" direkt i din mailklient!
FM:FromName
Det som detta fält innehåller kommer stå som avsändare i emailet som formuläret skickar.
FM:Subject
Innehållet i detta fält kommer visas som emailets ämne när du läser det i din emailklient.
FM:MailStyle
Om du vill att ditt email skall se ut på ett speciellt sätt så kan du ange utseendet på emailet här. Lämnas fältet tomt (eller utelämnas helt) kommer mailet skickas i ett standardformat. Om du vill veta mer om detta kan du läsa sektionen Mailutseenden.
Notera att FM-fältens namn skrivs i name-attributen i en vanlig input-tagg. Exempelvis: Ditt namn: <input type="text" name="FM:FromName" /> eller <input type="hidden" name="FM:ToEmail" value="din{at}email{dot}com" />.
FM:Redirect och FM:MailStyle bör alltid skrivas i en dold input-tagg. FM:ToEmail skrivs vanligtvis i dolda input-taggar men det händer att man låter personen välja vem mailet skall skickas till (exempelvis olika avdelningar). Resten av FM-taggarna brukar visas som vanliga fält, naturligtvis kan även här undantag göras. Valet är helt enkelt ditt!
Alla vanliga fält
Vad är då dessa "vanliga" fält? Utöver FM-fälten kan du använda ett näst intill oändligt antal vanliga fält som du kan låta dina användare fylla i. För att skapa ett vanligt fält är det bara att göra en input-tagg, textarea-tagg, select-tagg etc. och sätta name-attributen till precis vad som helst. Det som du anger i name-attributen är det som kommer stå framför det som personen fyller i fältet i det email som skickas till dig. Om du exempelvis vill att personen skall fylla i en ort så kan du sätta name-attributen till just "Ort". Du kan använda nästan alla tecken som finns i din name-attribut (inkl. åäö) så friheten och möjligtheterna är oändliga.Ditt formulär, steg för steg
Här radar vi upp det vanligaste som förekommer i formuläret och varför det är med!<form action="http://www.formmail.se/send/" method="post">
Här öppnar vi form-taggen, precis som vanligt! Som ni ser så sätter vi attributen action till "http://www.formmail.se/send/", det är nämligen dit som vi skall skicka all information i formuläret. Attributen method är satt det "post", vi skall nämligen skicka post-data! Alla formulär som pekar till oss skall börja såhär med dessa inställningarna, annars kommer vi inte kunna behandla dina email
<input type="hidden" name="FM:ToEmail" value="din{at}emailadress{dot}com" />
I det här exemplet lägger vi inställningstaggarna överst. Egentligen kan de ligga vart som helst. Det här input-fältet är dolt och innehåller emailadressen som formuläret skall skickas till när det väl konverterats. Här har vi använt {at} och {dot} för att minska antalet spam-botar som får reda på emailadressen.
<input type="hidden" name="FM:Redirect" value="http://dinsida.se/tack.htm" />
Detta dolda input-fält innehåller adressen till den sida besökaren skickas till när mailet skickats. I det här fallet kommer sidan komma till en "Tack för ditt email"-sida, på så sätt vet besökaren om att emailet levererats ordentligt.
Ditt namn: <input type="text" name="FM:FromName" />
Här uppmanas personen skriva in sitt namn. När mailet sedan skickas kommer det inte visas i själva emailet utan istället som avsändarens namn i min emailklient. Om du istället vill ha avsändarens namn uppradat tillsammans med alla andra fält så kan du göra ett "vanligt" fält och sätta attributen name till "Namn" eller något liknande.
Din emailadress: <input type="text" name="FM:FromEmail" />
Liksom namnfältet ovan uppmanas besökaren här att skriva in sin emailadress. Även här kommer inte emailen visas bland den vanliga informationen utan kommer istället visas som avsändarens emailadress i din emailklient. Om du istället vill att avsändarens emailadress skall radas upp tillsammans med alla andra fält så kan du göra ett "vanligt" fält och döpa det till "Email" eller något.
Ämne: <input type="text" name="FM:Subject" />
Detta fält låter besökaren skriva in vad som skall stå som emailets ämne när mailet visas i din emailklient.
Meddelande: <textarea name="Meddelande"></textarea>
Detta är ett såkallat "vanligt" fält! Detta är ett textfält där besökaren kan skriva in sitt meddelande och när det visas i din emailklient kommer texten "Meddelande" stå innan själva meddelandet. Notera att alla "vanliga" fält har automatisk radbrytning, styckeindelningar är alltså fullt möjligt i textfälten!
<input type="submit" value="Skicka!" />
Inte helt otippat så måste vi lägga till en submit-knapp så vi kan skicka formuläret. Det här fältet ingår inte i vår magi utan är vanlig standard för formulär helt enkelt.
</form>
Liksom alla andra taggar måste form-taggen också stängas för att allting skall fungera ordentligt.
Formuläret i sin helhet
Här kommer det formulär som vi nyss bröt ned och förklarade. Notera att detta formulär fungerar fullt ut, det är bara att byta ut FM:ToEmail och FM:Redirect mot dina egna värden, därefter är det bara att tuta och köra!<form action="http://www.formmail.se/send/" method="post">
<input type="hidden" name="FM:ToEmail" value="din{at}emailadress{dot}com" />
<input type="hidden" name="FM:Redirect" value="http://dinsida.se/tack.htm" />
<br />Ditt namn: <input type="text" name="FM:FromName" />
<br />Din emailadress: <input type="text" name="FM:FromEmail" />
<br />Ämne: <input type="text" name="FM:Subject" />
<br />Meddelande: <textarea name="Meddelande"></textarea>
<br /><input type="submit" value="Skicka!" />
</form>
Mailutseenden
Mailen som skickas via oss går att snygga till på olika sätt genom FM-fältet FM:MailStyle. Vi har i skrivande stund två stycken utseenden på våra mail, för att nischa oss lite grand så har vi även döpt dessa till två vackra, engelska namn:Classic
Det klassiska utseendet är ungefär som originalet, dock så har vi lagt till en liten tabell som gör att saker och ting ser lite finare ut. Bakgrunden är transparent vilket betyder att det kommer vara din mailklients bakgrund, detsamma gäller texten. Det här utseendet är standard, anger du inget speciellt utseende kommer dina mail att se ut så här. Vill du ändå ha koden så är den följande:
<input type="hidden" name="FM:MailStyle" value="Classic" />
OceanBlue
OceanBlue, eller Havsblå, är utseendemässigt väldigt lik Classic med undantaget att texten är permanent svart och bakgrunden är i blåa nyanser. För att välja OceanBlue lägger du in följande i ditt formulär:
<input type="hidden" name="FM:MailStyle" value="OceanBlue" />
