Stacks Image 6

HTML Contact Form

With the power of ajax no PHP page extension required.

HTML Contact Form

This mail stack does not require a php extension to be added to your page, nor does it automatically apply one. This stack works in an existing html page.

Overview.

The advantage of a form that does not convert your page to .php.

If you have an existing page, inbound links may already have accumulated.
If you change the page extension to php at a later date, anyone re-visiting your original html page from a stored link will get just that.. "The old html page."
HTML Contact keeps your page in it's original home..!

Key features.

  • Accepts multiple owner email addresses (each owner receives the email).
  • Supports UTF8, Umlaut characters.
  • Option to provide an HTML signature in your auto response email.
  • Anti spam, never get unsolicited mail.
  • No php page extension required.

Secure email address.

Your own email address where the form is to be sent is secured from trawling robots and spiders, so you can rest assured you won't start receiving spam email.

Anti spam.

The stack employs an anti spam measure known as "The honey pot method"
Trawling robots looking to spam your inbox have been proven to be fooled by this anti spam measure.
We have been using the form on our support page for years now, and don't receive any spam from the page.

Instant download.

Version : 3.1.6

Responsive : Yes

First released : 27/4/2012

Last Updated : 6/11/2016

Stacks V 3.0 or greater.


0 ratings
Fit My Video Tag

Live demo.

You can see a few live examples of the stack in action below.

Fully responsive contact form, that does not require a php page extension to function.

Auto Reply
Thank you for testing the contact form. Someone will get back to you as soon as possible (Not really), but we do hope you enjoy using the stack in your designs.

Signature (Supports HTML)




 
Kind Regards
Gary Simpson
Doobox Software







Try any of these forms.

We have set the option for auto response on them all to true, So if you enter your real email address, you will see the response in your inbox.

Auto Reply
Thank you for testing the contact form. Someone will get back to you as soon as possible (Not really), but we do hope you enjoy using the stack in your designs.

Signature (Supports HTML)




 
Kind Regards
Gary Simpson
Doobox Software






Auto Reply
Thank you for testing the contact form. Someone will get back to you as soon as possible (Not really), but we do hope you enjoy using the stack in your designs.

Signature (Supports HTML)




 
Kind Regards
Gary Simpson
Doobox Software






Stacks settings.

In this section we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 243
Your email

This is the email address of the person that will receive the submitted form messages.

You can add multiple email addresses here. Just separate each email address with a comma.

Form name

Helps you identify which form the enquiry was sent from. This label is seen in the email enquiry you receive.

Input widths

This set the width of the input fields relative to the width of the main text message field below them.

Message text rows

This sets the number of visible rows of text in the main message input box, before the user needs to scroll to see more. This directly relates to the height of the message box.

Fields

Sets the background colour of the input fields.

Field text

Sets the text colour of the input fields.

Send button

Sets the background colour of the send button.

Button text

Sets the colour of the text of the send button.

Auto respond

When selected you are given extra areas to add your auto response message to anyone that fills out your form. There is an option here for you to add your own HTML signature if you wish.

Subject

This will be the subject of your auto response email. Only applies if the auto response option above is checked.

Minimise response text

This is purely for tidying up your edit mode window, if you have added a large auto response text. Just check this option to collapse the response text out of view after you are done editing it. You can uncheck to reveal it at any time.

Language settings

There is a setting for everything in the stack that could need to be translated into another language. These settings are pre-filled, and defaulted to English, but can be changed at any time to any other language.

Stacks edit mode.

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 297

Note, the auto reply section is optional. Just one click on a checkbox in the stacks settings will turn this option off.

Stacks FAQ.

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Auto responder

When you select an auto responder from the stacks settings, you will be presented with 2 text areas in edit mode. The top one is for the body of the message that your user will receive as an auto response. The second is for your email signature (see below).

HTML signature

You may add HTML to this area or just plain text as you wish. You must be familiar with HTML, in order to add a styled HTML signature. You will see our example HTML signature if you test one of the forms above using your real email address.

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Secure checkout.

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Instant download.

Stacks Image 589