home > web hosts > webs

How to Add Email Forms to Webs.com (freewebs)

Adding an email form to your web site hosted on Webs.com (formerly freewebs) is very easy. You have the option of adding the form with an external HTML editor and then uploading the file via FTP, or you may use Web's built in Site Builder. The tutorial for adding an email form using their Site Builder is outlined below.

A demonstration form hosted on Webs.com can be seen here.

1. Create Your Form HTML

The first step in integrating an email form into your website is to build the actual HTML code for the form. The easiest and quickest way to create the form code is to use myContactForm.com.

myContactForm.com features a free online wizard that steps you through the entire form building process. myContactForm.com has just about any feature you could ask for including auto-responders, CAPTCHA, file attachements, CSS styling, data exports (Excel, CSV, Text, HTML, etc.), pre-made templates, and much more.

Click Here to read a tutorial on creating the form HTML using myContactForm.com.

2. Open a Web Browser and go to Webs.com

a. Login to your Webs.com account


3. Open up the Site Builder

a. Under the Edit My Site dropdown, click Site Builder

4. Create a New File or Open an Existing File

a. To create a new page, click the New Page button

b. Under the Add a New Page window, select the Page icon, type in a Page Name, and then click Done.

c. Select the page that you would like to add the contact form to using the dropdown box at the top of the Site Builder.

 

5. Add the Form HTML to Your File

a. Click the content box button

b. Move the cursor to the spot in the content box that you would like to insert your email form. Click the button.

c. A new Custom HTML window will open.

d. Paste the form HTML into the Custom HTML window (Edit > Paste, or CTRL+V, or Right Click and Select Paste). If you do not have your form code created and copied, please read this tutorial to learn how to do so.

e. Click the Insert button

6. Publish Your File

a. Click the Publish button

7. Test Your Form

Open a web browser and go to the web page containing your form. Fill out the form and press the submit button in order to test it.

A demonstration form hosted on Webs.com can be seen here.

Common Problems Users Experience:

I get the following error message:

Webs.com does not allow new accounts to use email forms. This error will resolve itself once your account is older than 7 days.

The web page is showing a bunch of jumbled HTML instead of a form.

When this occurs, it is caused by the form HTML being pasted into the Content Box as text instead of pasting the code into Custom HTML window. Make sure when pasting the form code, that you first click the button and paste it into a Custom HTML window.

I submit the form and get a form location error.

This is typically caused when you are testing a form that has not yet been published to your live web site. If you are still having this problem once you have uploaded the file to the live web site, please read below.

If you are using myContactForm.com, you need to login there and make sure that you've set the Form Location setting to the proper URL of your form.

a. Login to myContactForm.com

b. Click the Edit Button

c. Click the Basic Form Information Button

d. Enter all variations of the URL where the form would appear. Typically this is the full URL of your web form with and without the www subdomain.

e. Click