|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Web Studio Content - iHost CoolStuff
|
|
|
|
Add a form to your site that captures visitors information and emails it to you.
|
|
|
|
|
You add this form to a page in your site with the HTML object from the CoolStuff Gallery.
|
|
Below are step by step instructions to add the form.
|
|
The form also has several cool options you can implement as well.
|
|
|
|
|
|
|
|
|
|
|
|
This is how the form will look on your page.
You can change any of the text to reflect your
needs.
|
|
To add the form follow these directions:
|
|
Click on the CoolStuff tab in WebStudio.
|
|
Drag the HTML object onto a page.
|
|
Double click on the HTML object to open the
HTML editor.
|
|
Copy the HTML, below, from this page and
paste it into the HTML editor.
|
|
Find the red text in the HTML that says,
"YOUR E-MAIL HERE" and replace that text
with your complete email address., for
example: support@myemail.com.
|
|
Note that you can change any of the text in
Green to reflect your needs. Make sure you
only change the text in green and not anything
in black.
|
|
|
|
|
|
|
|
|
<form action="http://www.ihoststudio.com/cgi-shl/cgishell.exe?replytovendor"
method="post">
|
<input type="hidden" name="recipient" value="YOUR E-MAIL HERE">
|
<table>
|
<tr>
|
<td>Name:</td>
|
<td><input type="text" size="40" name="req-Name"></td>
|
</tr>
|
<tr>
|
<td>Email Address:</td>
|
<td><input type="text" size="40" name="req-E-mail"></td>
|
</tr>
|
<tr>
|
<td>Phone Number:</td>
|
<td><input type="text" size="40" name="req-Phone"></td>
|
</tr>
|
<tr>
|
<td>Subject:</td>
|
<td><input type="text" size="40" name="req-subject"></td>
|
</tr>
|
<tr>
|
<td valign="top">Comments:</td>
|
<td><textarea name="Comments" rows="7" cols="40"></textarea></td>
|
</tr>
|
<tr>
|
<td colspan="2">
|
<center>
|
<input type="submit" value="Send E-mail Message"><input type="reset">
|
</center>
|
</td>
|
</tr>
|
</table>
|
</form>
|
|
|
|
|
|
|
|
Some Cool Options - Required Fields
|
|
Note where the HTML reads, "req-". If
you remove the req- that makes the
field a non-required field. If the req- is
there the field is required to be filled in
by the visitor.
|
|
|
|
|
|
<td><input type="text" size="40" name="req-Name"></td>
|
"Name" is required
|
|
<td><input type="text" size="40" name="Name"></td>
|
"Name" is optional
|
|
|
|
|
|
|
|
Some Cool Options - Redirect Page
|
|
If you add one line of HTML you can
make the form take your visitor to a
different page when they press the
"Send" button. You'd do this to take
them to a Thank-You page, for example.
|
Note that you have to enter the complete
URL to the page, including the http://and
all the rest. You cannot just enter the
name of the page. Note also that it can
be any page on any website, not just
yours!
|
|
|
|
|
<input type="hidden" name="redirect" value="http://www.webstudio.com/site">
|
|
Add the line of HTML above immediately after the line where you enter you own email address. So, it would look
similar to the following:
|
|
<input type="hidden" name="recipient" value="YOUR E-MAIL HERE">
|
<input type="hidden" name="redirect" value="http://www.webstudio.com/site">
|
|
|
