About the demo form
Our demo form is an example of a very simple contact form. You can of course create far more
complex forms than this with Web-form-buddy, and it's easy to bolt-on extra functionality - such as secure
SSL mode, file
uploads, payment forms (including integration with PayPal and Google Checkout), CAPTCHA tests (to stop
the bad guys from abusing your forms), and much more!
The look and feel is entirely up to you!
The way this page looks is not dictated by Web-form-buddy (unlike
all other
"remotely hosted" form solutions). In the case of this particular web page, the colors
and style of the page are set by the little CSS section in the <head> area of the HTML code.
But you can design a page like this in any way you choose using your favorite web authoring software,
and it will work just fine. All you need do is point the form to your Web-form-buddy script. And what
does that mean? Well take a look at the form tag in the HTML source code of this demo web page. It looks
like this:
<form action="http://challengersport-fr.cgi-data.com/webform/5594133.cgi" method="post" id="wfb">
That's your script right there: "http://challengersport-fr.cgi-data.com/webform/5594133.cgi".
When you want to set up other forms for your web site, you just ask Web-form-buddy for another
script, point the new form at the script and you're good to go!
What features are enabled for this demo form?
To give a taste of what Web-form-buddy can do, we've enabled a few popular features for this form.
You can modify these and add additional features from your Web-form-buddy control panel.
- Several of the fields are "required" fields. Try hitting the submit button
without entering your name. Notice what happens: the problem field is highlighted and and a "help" message
is displayed. If you design large forms that scroll down the page, Web-form-buddy automatically scrolls
to the problem field in order to make life as easy as possible for your web user!
- The email field is checked for validity. As well as a basic test test to check
that the email field "looks" correct, Web-form-buddy also
performs a real-time network test to ensure that there is a mail server running to accept delivery to
that email address.
- The form completes with a confirmation screen and CAPTCHA. This is an optional feature
that allows your web user to check their data before confirming their form submission. Your web site
visitors will thank you for this, but this two-stage process is also highly effective in deterring
spammers. And just to be doubly sure, Web-form-buddy has an optional CAPTCHA system that will
completely prevent automated submissions through your web forms.
- Auto-responder message. Once this form is completed, Web-form-buddy will
send your website visitor an automatic email message on the lines of "Thank you for your form
submission. We will reply shortly". The contents of this message are fully configurable from
your control panel.
- "Smart submit" button. This is an optional feature that both looks good
and serves to prevent duplicate form submissions. Once the submit button is pressed, the button is disabled
and flashes slowly to indicate that the form is being submitted. Without this feature it can happen that
someone with a poor Internet connection and a slow computer will push the submit button several times.
- Real time data. This is enabled with the option to show your website visitor's IP
address.