Adding a form to your iWeb site does several things all at the same time. To begin with it adds interactivity for your users; a vital element for any site. It can offer site visitors a means of contacting the site owner, purchasing products, signing up to newsletters, answering surveys or providing feedback. Apple haven’t made adding forms to iWeb particularly easy but there are several sites available to us iWeb users that do the job equally well. In this tutorial I hope to explain how to add a simple contact form to your site which, when completed, will be e-mailed back to your inbox.To start this tutorial you will need to open your browser and navigate to Jotform.com and sign up for a free account (or a premium if you think you will get that much traffic). Once you have, login and select ‘My Forms’ from the menu at the top. You now get a prompt to ‘create your first form’ so click it.
You will now be presented with a basic contact form with names, e-mail and postal addresses as well as a submit button. If this is all you want then fine, but Jotform can help you create so many more forms.
From the Jotform toolbar select the Forms Wizard (on the right) and you will get to go through several pages, filling in details such as your e-mail address, how you want your thank you message to look, which one of the few themes you want for your form etc. It’s all very simple to follow.
Once you have completed the wizard Jotform will take you to your completed form. You can use the tools to the right of the form to add finishing touches; perhaps your not happy with the font size or color or you want to add an extra field or two. I spent a good 15 minutes or so here seeing what I could do with the form; the options are amazing.
Back at the tool bar, make sure you save your form then select the ‘Source’ icon which will take you to a page with two options for adding the form to your iWeb site.
As you can see on the image above you get two options. I tried about both and didn’t find any differences between the two except for the obvious; method one stores the form on Jotform’s servers whereas method 2 adds the code to your site. Personally I would use method 2 as if the Jotform server went down you will loose your form (even temporarily).
To insert the form into your iWeb site it is just a simple case of inserting an HTML Snippet, so open iWeb and drag the widget onto a new blank page.
In the black window that opens paste in the code from the Jotform web-site.
Click ‘Apply’ and your form will appear in your iWeb page. You can move it about until you get it in the right place.
If you opted to go for method one you follow the same method, however I found that I needed to resize the HTML Snippet window before I positioned it on the page.
The form still appears as in method 2 so the choice is up to you.
That’s it, your form is inserted, all you have to do now is publish your site as normal. If you have inserted a Jotform into your site why not leave a comment and let us take a look.