Het maken van een contactformulier in Freeway

Het maken van een contactformulier in Freeway is zeer eenvoudig. Op het eerste gezicht zien de formulieren er allemaal hetzelfde uit, ze bevatten een of meer invulvelden waarin bezoekers van uw website tekst kunnen invullen en er is een verzendknop. Deze elementen kunt u invoegen vanuit het menu Invoegen of door klikken en vasthouden van de 'HTML' icoon in de knoppenbalk. Wanneer op de submit knop geklikt wordt, worden de gegevens die ingevuld werden in het formulier verzonden naar een e-mail adres (of -adressen) naar keuze. Hoe dit plaats vindt is afhankelijk van het hosting pakket en kan dus verschillend zijn. Bij de volgende stappen moet uw server PHP ondersteunen. Het werkt niet op MobilMe of servers die geen PHP ondersteuning hebben.

We hebben FatCow, YourHosting (NL) en InMotion getest en dat werkt perfect.

 

Het maken van het formulier

1. Begin met het tekenen van een tabel op de pagina. Die zal worden gebruikt om de formulierelementen uit te lijnen op de pagina. Klik op de 'Tabel'-icoon in de knoppenbalk en teken de tabel op de pagina. Het aantal rijen en kolommen is afhankelijk van de hoeveelheid gegevens die u wilt ontvangen van uw bezoekers, maar voor het doel van dit voorbeeld stelt u 4 rijen en 2 kolommen in. Stel de celspatiëring in op 5 px en de celopvulling en de rand op 0 px.

2. Dubbelklik in de eerste cel en typ Naam:

3. Dubbelklik in de tweede cel en selecteer Tekstveld uit het menu Invoegen

4. Selecteer dit element en in het Inspecteur palet het derde tabje (Element uitvoerinstellingen) en voer name in, in het veld Naam

5. Voer Email: in, in de eerste cel van de tweede rij

6. Plaats nog een Tekstveld in de tweede cel van de tweede rij

7. Voer email in, in het veld Naam: van de Inspecteur.

8. Voer Bericht: in, in de eerste cel van de derde rij

9. Dubbelklik in de tweede cel van de derde rij en selecteer Tekstveld uit het menu Invoegen

10. Voer bericht in, in het veld Naam: van de Inspecteur.

11. Dubbelklik in de tweede cel van de vierde rij en selecteer Knop uit het menu Invoegen. Hiermee maakt u een standaard verzendknop.

12. Verander het uiterlijk van wat u gemaakt heeft door het aan te passen in uw ontwerp. Wanneer u het gevoel heeft dat uw formulierelementen kleiner zijn in de voorvertoning dan in Freeway gebruik dan de Freeze Form Action om een specifieke pixel hoogte en breedte af te dwingen.
 

Het formulier besturen met een script

U heeft nu een formulier op uw pagina, de laatste stappen zijn om dit formulier zo in te stellen dat de gegevens verzonden kunnen worden naar uw e-mailadres.

De aanbevolen manier om dit te doen is met behulp van PHP. Neem contact op met uw hosting bedrijf en vraag of er ondersteuning voor PHP is voor uw website. Maak u geen zorgen, u hoeft geen kennis te hebben van PHP, download en installeer gewoon de PHP Feedback Form Action (de action is beschikbaar voor Pro en Express). Noadis heeft een Freeway voorbeeldbestand gemaakt dat u hier kunt downloaden.

Er van uitgaande dat uw server ondersteuning biedt aan PHP:

1. Open Pagina Actions in het menu Pagina en selecteer PHP feedback Form

2. Open het Actions palet door het onderdeel Freeway Actions te selecteren uit het menu Venster (wanneer u een foutmelding ziet in het Actions palet die zegt dat AppleScript vereist is, ga dan naar de 'Voorkeuren...' in het Freeway menu en vink "Activeer AppleScript in Actions" aan.)

3. Kies in het popupmenu naast 'Error page:' het onderdeel Ander(e)...

4. Klik op Nieuwe pagina... in het Hyperlink venster. Noem de pagina fout.html (deze nieuwe pagina wordt weergegeven als er een probleem is met het verzenden van uw formuliergegevens)

5. Selecteer fout.html en klik op OK

6. Kies in het popupmenu naast 'Success page:' het onderdeel Ander(e)...

7. Klik op Nieuwe pagina... in het Hyperlink venster. Noem de pagina bedankt.html (deze nieuwe pagina wordt weergegeven als er geen probleem is met het verzenden van uw formuliergegevens)

8. Selecteer bedankt.html en klik op OK

9. Typ uw e-mailadres in het veld Email recipient

10. Pas de fout- en bedanktpagina's aan door ze te voorzien van uw eigen ontwerp.

11. Upload uw site om ze te testen door het onderdeel Upload... in het menu Archief te kiezen
 

Als uw hosting pakket geen PHP ondersteuning heeft of u wilt iets anders proberen dan zijn er nog andere mogelijkheden beschikbaar. Neem een kijkje bij de volgende formuliermethoden. Misschien zijn ze zinvol voor u:

FormsToGo tutorial (PHP, ASP of Perl/CGI)

Formmail tutorial (Perl/CGI)

Een andere uitstekende PHP Action is hier te vinden, inclusief documentatie: easiForm with Freeway