TOPIC:

You can add an email form in Custom Web Pages

Click on Launch Admin Console

Click on Custom Web Pages

Click on Create New Page

In the text editor screen, click on the Source button on the upper left corner

Paste the following into the text area:

<form action="MAILTO:vped-xxxxx@toastmastersclubs.org?subject=Speechcraft Registration" enctype="text/plain" method="post">
<h3>
Speechcraft Information Request</h3>
Please send me information on the Speechcraft course!<br />
<br />
Name:<br />
<input name="Name" type="text" /><br />
Title:<br />
<input name="Title" type="text" /><br />
Email:<br />
<input name="email" type="text" /><br />
Address 1:<br />
<input name="Address 1" type="text" /><br />
Address 2:<br />
<input name="Address 2" type="text" /><br />
City:<br />
<input name="City" type="text" /><br />
State:<br />
<input name="State" type="text" /><br />
Zip Code:<br />
<input name="Zip" type="text" /><br />
Phone Number:<br />
<input name="Phone" type="text" /><br />
Cell Number:<br />
<input name="Cell Phone" type="text" /><br />
Comments:<br />
<input name="Comments" size="40" type="text" /><br />
<br />
<input type="submit" value="Send" /> <input type="reset" value="Reset" /> </form>
<hr />

Click the source button to view what it will look like and make your modifications by clicking on the Source button again.

Make sure you change the mail text to the correct address and also change the subject and headers.

Bravo!!!

A bit of formatting can help beautify your form. This is what the form looks like on our site .



Here is the code and feel free to play with it. Ensure to alter the MAIL TO email address.

Roger,

I just tried this form, but I get the message 'internet explorer stopped working' when I click submit button. Is there something to change?

My problem is the email portion of this. Is it required to use the @toastmastersclubs.org email account. Whenever I try to use my own private email address (This email address is being protected from spambots. You need JavaScript enabled to view it.) it automatically opens MS Outlook. Just can't figure out how to get the form to send to my own personal email account.

Opening MS Outlook is a default setting in your default programs and has nothing to do with FTH.

Depending on your version of windows, you will need to go to your control panel and set your preferred program as your default.

I have created a custom web page from your source code. Everything looks fine however when I test it, a window from MS-Mail pops up with no information other than the to: e-mail adress and the subject box. See attachement.


Thank you in advance

Maxime Vachon
president Club Dynamique de Laval
3604.toastmastersclubs.org

The attachments did not up-load on my previous reply.

Here they are:






Thank You in advance

Maxime Vachon
President Club Dynamique de Laval
3604.toastmastersclubs.org

The submit button opens the default email form the user's computer. That would need to be set in the default programs.

Sorry, I am pretty new at this. I was not clear enough. My point is: after Richard B. fills in the information (i.e. his e-mail adress, phone number and his question under the comment box, I would expect this information to show in the body of the e-mail within MS-Mail but nothing shows other than the subject. The body of the e-mail is empty. It would be annoying for the visitor to have to re-type the info he just entered.
Do you know why is the information, just entered by the visitor, not being embodied in the e-mail?

Thank You

Maxime Vachon
President Club Dynamique de Laval
3604.toastmastersclubs.org

I do not understand why I can not see message #34385 on this forum as I received an e-mail from Steve The Techie last night referring message #34385 . Therefore this reply is for Steve.
I have added a few HTML lines. See bold text added in souce code on the picture attached.
When i save my custom web page, it gives me a success message however when I try it I still do not see the text body in my e-mail. When I re-open the source code, what I have added has dissapeared (for whatever reason not recorded) hence the reason why i can not see the body text when I try it. See picture.



Thank You in advance. Feedback is always apprciated as I am learning html the hard way.

Maxime Vachon
President Club Dynamique de Laval
3604.toastmastersclubs.org

How do I make this page visible to visitors to our page?

Ok, this thread gets a lot of views, but there is a good bit of incorrect information and misconceptions that have been added to it over time. So, let me see if I can clear things up a bit... (I am the FTH system developer.)

1. This approach depends on using MAILTO:, and therefore may not always work. MAILTO: requires that an email client be defined and usable on the end user's computer. An "email client" is generally an email program that is usable when you are not using the internet (like MS Outlook). Generally, webmail is not an email client unless it has an extension program (e.g., Gmail Notifier) usable when not using the internet, or a browser that can route the email request to the appropriate webmail website (e.g., Chrome). Not every user will know how to set up an email client, so using an approach that depends on it is potentially unreliable.

In the future, I will probably add an internal MAILTO handler to intercept those links and handle them via code rather than depend on users having an email client installed.

2. *Never* put <!DOCTYPE>, <html>, <head>, <body> or anything similar (the end tags) into any web page content you create for FreeToastHost. I already handle those as part of the website template, and your web page content is inserted into the template by my code, so those things are already handled for you. If you ignore this, you will cause a web page bug and potentially mangle your website.

3. To provide additional defaults for the email, you just need to extend what is in the MAILTO for the form tag. You can add &body=mybodytext to supply the body text for the email. You can also provide a cc address this way, if desired. You will have to replace spaces with the space code %20 to make everything work, though, so this may be a good bit of effort.

3. If you choose to use this MAILTO approach anyway, you will need to create a new custom page, and make it public. If you are inserting html tags as in the above, make sure you switch to Source view in the editor first.

4. My opinion? I would recommend using Google Forms for a more flexible, easier to set up approach. Google Forms can also be embedded in a FTH web page. (I have seen it.)