How to create a Contact page.

[NugBlazer]

Hey all,

I would like to create a simple Contact page like the one seen here:

http://www.indypainting.net/form.html

(It's from the website for a painting company I own.)

Anywhoo, some of the aesethetics of the page would change of course, such as the backround color, the names of some of the fields, etc, but the jist would be the same. In short, I'm trying to create a form where a person enters their name, email address and their inquiry, and then they can simply click "submit" and it would send an email to me. The page would be linked to my NavBar (and I already know how to do that part).

How do I go about this? :dunno

Thank you very much.

[NugBlazer]

Anyone?

[Paulcao]

Anyone?

I'd like to know if this is possible too =D

[Allen]

If you look at the page source you'll see this. Looks like the code is
generated on that site. I'd go there and read about it. Once you have the
code we'll help you input where you want it.

<!-- Generated by Freedback.com -->
<!-- on Fri May 03 2002 at 02:05:16pm -->
<!-- WORG Form Builder v0.2.1 -->

[NugBlazer]

Gotcha, will do.

[Paulcao]

If you look at the page source you'll see this. Looks like the code is
generated on that site. I'd go there and read about it. Once you have the
code we'll help you input where you want it.

<!-- Generated by Freedback.com -->
<!-- on Fri May 03 2002 at 02:05:16pm -->
<!-- WORG Form Builder v0.2.1 -->

I went ahead and tried it out. This is what I got from the website:

<!-- Begin Freedback Form -->
<!-- DO NOT EDIT YOUR FORM HERE, PLEASE LOG IN AND EDIT AT FREEDBACK.COM -->
<form enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
<div>
<input type="hidden" name="acctid" id="acctid" value="mobbezllpuexmuva" />
<input type="hidden" name="formid" id="formid" value="204328" />
<input type="hidden" name="required_vars" id="required_vars" value="name,email,field-ab1c2701673c469" />
</div>
<table cellspacing="5" cellpadding="5" border="0">
<tr>
<td valign="top">
<strong>Name:</strong>
</td>
<td valign="top">
<input type="text" name="name" id="name" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>City</strong>
</td>
<td valign="top">
<input type="text" name="field-6b57f6df3b0b00d" id="field-6b57f6df3b0b00d" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Street Address</strong>
</td>
<td valign="top">
<input type="text" name="field-022a0a480a94934" id="field-022a0a480a94934" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>State</strong>
</td>
<td valign="top">
<input type="text" name="field-41d15f07ff056d7" id="field-41d15f07ff056d7" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Zip</strong>
</td>
<td valign="top">
<input type="text" name="field-ff5c7691088e03f" id="field-ff5c7691088e03f" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Phone (Home)</strong>
</td>
<td valign="top">
<input type="text" name="field-916e8418e9f56d4" id="field-916e8418e9f56d4" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Phone (Cell)</strong>
</td>
<td valign="top">
<input type="text" name="field-fe660710dc5b597" id="field-fe660710dc5b597" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Preferred Phone </strong>
</td>
<td valign="top">
<select name="field-9b88a7c58abc7cd" id="field-9b88a7c58abc7cd">
<option value="Home
">Home
</option>
<option value="Cell">Cell</option>
</select>

</td>
</tr>
<tr>
<td valign="top">
<strong>Email Address:</strong>
</td>
<td valign="top">
<input type="text" name="email" id="email" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Comments</strong>
</td>
<td valign="top">
<textarea name="field-ab1c2701673c469" id="field-ab1c2701673c469" rows="6" cols="40"></textarea>

</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value=" Submit Form " />
</td>
</tr>
</table>
</form>
<br><center><font face="Arial, Helvetica" size="1"><b>
<a href="http://www.freedback.com">create a form</a>
</b></font></center>
<!-- End Freedback Form -->


And I would like to place it on this page:

http://paulcao.smugmug.com/gallery/2771182

[Allen]

I went ahead and tried it out. This is what I got from the website:
....
And I would like to place it on this page:

http://paulcao.smugmug.com/gallery/2771182
Looks like you can add that tp the gallery description between html tags.

<html>
<p>Please fill out this form and I will get back to you as soon as I can.
If you prefer to send me a direct e-mail you can send it to Paulcao@gmail.com
<p>
stuff goes here
</html>

[NugBlazer]

Guys, what's going on here? Are you using the code from my painting site? I'm lost.

[richW]

Mike Lane had posted this info regarding forms: http://www.dgrin.com/showpost.php?p=222763&postcount=4

[brandofamily]

The formatting of the form of the code above can be used if you edit out the original users specific code (this form is created from and linked to some sort of form service/site).
It seems as though the person who's site this code came from subscribes to a service or at the very least is a registered user of a service.
Therefore the code above should more than likely NOT be used AS IS...
I put the edited code (removed his personal coding) here...

http://brandolinoimaging.smugmug.com/gallery/2774929

Looks cool, but does nothing w/o the form service contections...

I'd love to get it working too, but I'm not wanting to pay for a service to run my forms...

[Paulcao]

Looks like you can add that tp the gallery description between html tags.

<html>
<p>Please fill out this form and I will get back to you as soon as I can.
If you prefer to send me a direct e-mail you can send it to Paulcao@gmail.com
<p>
stuff goes here
</html>

eggscellent! thank you!:clap

(btw, the service from this website is free as far as I can tell)

[mmtoruno]

http://www.torunofamily.com/gallery/4605522_vg8Z7



Here is the code:

<html>
<td colspan="2" align="center">
<!-- Begin Freedback Form -->
<!-- DO NOT EDIT YOUR FORM HERE, PLEASE LOG IN AND EDIT AT FREEDBACK.COM -->
<form enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
<div>
<input type="hidden" name="acctid" id="acctid" value="f16l9arm4eqlnjpz" />
<input type="hidden" name="formid" id="formid" value="379682" />
<input type="hidden" name="required_vars" id="required_vars" value="name,email,field-d0c704cb5fc099e,field-04c946df7451fd7,field-911829a3a9ad181" />
</div>
<table cellspacing="5" cellpadding="5" border="0">
<tr>
<td valign="top">
<strong>Name:</strong>
</td>
<td valign="top">
<input type="text" name="name" id="name" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Email Address:</strong>
</td>
<td valign="top">
<input type="text" name="email" id="email" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>What type of services do you need? </strong>
</td>
<td valign="top">
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_0" value="Portraits" /> Portraits<br/>
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_1" value="Weddings" /> Weddings<br/>
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_2" value="Sporting Events" /> Sporting Events<br/>
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_3" value="Other" /> Other<br/>

</td>
</tr>
<tr>
<td valign="top">
<strong>Cell Phone (###)###-#### </strong>
</td>
<td valign="top">
<input type="text" name="field-04c946df7451fd7" id="field-04c946df7451fd7" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>* Preferred contact method: </strong>
</td>
<td valign="top">
<select name="field-911829a3a9ad181" id="field-911829a3a9ad181">
<option value="Email">Email</option>
<option value="Cell Phone">Cell Phone</option>
</select>

</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value=" Submit Form " />
</td>
</tr>
</table>
</form>
<br><center><font face="Arial, Helvetica" size="1"><b>
<a href="<A href="http://www.freedback.com">form">http://www.freedback.com">form creator</a>
</b></font></center>
<!-- End Freedback Form -->
</html>

[mmtoruno]

Bump ^^^

[Allen]

Bump ^^^
First add the .menu in front of this, i'ts messing the table.

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

Then add this to your CSS.

.gallery_4605522 #albumDescription {padding: 80px;}

[mmtoruno]

Thanks for the quick reply Al.
But that did not work.

This is what I have now:

<html>
<center></center>
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
<!-- Begin Freedback
Form -->
<center></center>
<!-- DO NOT EDIT YOUR FORM HERE, PLEASE LOG IN AND EDIT AT FREEDBACK.COM -->
<form enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
<div>
<input type="hidden" name="acctid" id="acctid" value="f16l9arm4eqlnjpz" />
<input type="hidden" name="formid" id="formid" value="379682" />
<input type="hidden" name="required_vars" id="required_vars" value="name,email,field-d0c704cb5fc099e,field-04c946df7451fd7,field-911829a3a9ad181" />
</div>
<table cellspacing="5" cellpadding="5" border="0">
<tr>
<td valign="top">
<strong>Name:</strong>
</td>
<td valign="top">
<input type="text" name="name" id="name" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Email Address:</strong>
</td>
<td valign="top">
<input type="text" name="email" id="email" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>What type of services do you need? </strong>
</td>
<td valign="top">
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_0" value="Portraits" /> Portraits<br/>
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_1" value="Weddings" /> Weddings<br/>
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_2" value="Sporting Events" /> Sporting Events<br/>
<input type="checkbox" name="field-d0c704cb5fc099e[]" id="field-d0c704cb5fc099e_3" value="Other" /> Other<br/>

</td>
</tr>
<tr>
<td valign="top">
<strong>Cell Phone (###)###-#### </strong>
</td>
<td valign="top">
<input type="text" name="field-04c946df7451fd7" id="field-04c946df7451fd7" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>* Preferred contact method: </strong>
</td>
<td valign="top">
<select name="field-911829a3a9ad181" id="field-911829a3a9ad181">
<option value="Email">Email</option>
<option value="Cell Phone">Cell Phone</option>
</select>

</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value=" Submit Form " />
</td>
</tr>
</table>
</form>
<br><center><font face="Arial, Helvetica" size="1"><b>
<a href="<A href="http://www.freedback.com">form">http://www.freedback.com">form creator</a>
</b></font></center>
<!-- End Freedback Form -->
</html>

[mmtoruno]

Bump ^^^

[Amor Photography]

I use this form http://www.amorphotos.com/gallery/3643040 from http://www.emailmeform.com/
And i like it. its easy to create, customizable and free. Give it a try.Hope it helps:thumb

[Allen]

Thanks for the quick reply Al.
But that did not work.
...
That did work, I plugged it in with WebDev and saw it live. You must of had
an error in your CSS. Did you add the .menu to the existing item in your CSS
or add it new? Oops, you added it to the description box.

Remove the red from the description box.

<html>
<center></center>
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
<!-- Begin Freedback
Form -->
<center></center>
<!-- DO NOT EDIT YOUR FORM.....
....


Remove this from the top of your CSS.

<center></center>

[mmtoruno]

Thanks Al for all your help. For some reason that was not working.

Johandre thanks for your suggestion I acutally went with that and it was a lot easier.

[CowboyBiker]

Looks like you can add that tp the gallery description between html tags.

<html>
<p>Please fill out this form and I will get back to you as soon as I can.
If you prefer to send me a direct e-mail you can send it to Paulcao@gmail.com
<p>
stuff goes here
</html>

Did the above, Allen. Created a new gallery as you describe in one of your threads, added the above to the description but it doesn't work (plus also need to link it to the navbar you created when I failed so miserably. Might you be able to take a peek at this?

The gallery is in the "Other" gallery on the home page and is entitled "Feedback."

Many thanks.

Eduard

www.forestlakechurch.smugmug.com (http://www.forestlakechurch.smugmug.com)

[Allen]

Did the above, Allen. Created a new gallery as you describe in one of your threads, added the above to the description but it doesn't work (plus also need to link it to the navbar you created when I failed so miserably. Might you be able to take a peek at this?

The gallery is in the "Other" gallery on the home page and is entitled "Feedback."

Many thanks.

Eduard

www.forestlakechurch.smugmug.com (http://www.forestlakechurch.smugmug.com)
It looks like the html tags were not used.
Did you have <html> at the top and </html> at the bottom? Also use
notepad to edit the code then paste from there into the description every
time. Do not edit in the description, edit in notepad and paste in each time.
Some of this form code b0rks if edited in the description.
Save the code in a text file so you can go back edit again.

[CowboyBiker]

It looks like the html tags were not used.
Did you have <html> at the top and </html> at the bottom? Also use
notepad to edit the code then paste from there into the description every
time. Do not edit in the description, edit in notepad and paste in each time.
Some of this form code b0rks if edited in the description.
Save the code in a text file so you can go back edit again.

OK, took the description out of the gallery "feedback" within th category "other," saved my changes and exited SmugMug.

Pasted the code into a word document, then copied it and took it back to a reopened SmugMug and pasted it exactly as it was into the description. What I get is a black screen with "Name" and "Email" on it. Kindly elaborate on my shortcomings if possible.

Eduard

www.forestlakechurch.smugmug.com

[Allen]

OK, took the description out of the gallery "feedback" within th category "other," saved my changes and exited SmugMug.

Pasted the code into a word document, then copied it and took it back to a reopened SmugMug and pasted it exactly as it was into the description. What I get is a black screen with "Name" and "Email" on it. Kindly elaborate on my shortcomings if possible.

Eduard

www.forestlakechurch.smugmug.com (http://www.forestlakechurch.smugmug.com)
Ugh!! Never use word, it will put in too many control characters. Use a pure
text editor like notepad. Can you paste the code in here between the code
tags? In the reply window there is a # sign in the tool bar that adds the
tags. Just paste between these.


Paste between these

[CowboyBiker]

Ugh!! Never use word, it will put in too many control characters. Use a pure
text editor like notepad. Can you paste the code in here between the code
tags? In the reply window there is a # sign in the tool bar that adds the
tags. Just paste between these.


Paste between these


OK, here goes. Hope this is what you have asked for:

<html>
Please submit the following information (including your phone number) if you would like to contact Eduard Pineiro, church photographer/website administrator.
<p>
<!-- Begin Freedback Form -->
<!-- DO NOT EDIT YOUR FORM HERE, PLEASE LOG IN AND EDIT AT FREEDBACK.COM -->
<form enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
<div>
<input type="hidden" name="acctid" id="acctid" value="menhyu6jm92dgvuu" />
<input type="hidden" name="formid" id="formid" value="448586" />
<input type="hidden" name="required_vars" id="required_vars" value="name,email" />
</div>
<table cellspacing="5" cellpadding="5" border="0">
<tr>
<td valign="top">
<strong>Name:</strong>
</td>
<td valign="top">
<input type="text" name="name" id="name" size="40" value="" />

</td>
</tr>
<tr>
<td valign="top">
<strong>Email Address:</strong>
</td>
<td valign="top">
<input type="text" name="email" id="email" size="40" value="" />

</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value=" Submit Form " />
</td>
</tr>
</table>
</form>
<br><center><font face="Arial, Helvetica" size="1"><b>
<a href="http://www.freedback.com">form creator</a>
</b></font></center>
<!-- End Freedback Form -->
<html>

[Allen]

OK, here goes. Hope this is what you have asked for:

<html>
Please submit the following information (including your phone number) if you would like to contact Eduard Pineiro, church photographer/website administrator.
<p>
<!-- Begin Freedback Form -->
...
...
<!-- End Freedback Form -->
<html>

Aha! Add the / in the closing html tag.

<!-- End Freedback Form -->
</html>

[CowboyBiker]

Aha! Add the / in the closing html tag.

<!-- End Freedback Form -->
</html>

Worked BEAUTIFULLY.

You continue to amaze me, Allen!

:barb:barb