How to Create an Email Sign Up Form

By Contributing Writer

An email sign-up is essential if a website offers a newsletter or frequent site updates they wish to let frequent visitors know. This sign-up list allows a visitor sign up for something on the web site, and saves the owner from sending out multiple emails alerting the users of the site to learn important information. Creating an email sign-up email form is as easy and this article provides examples that you can use, along with explanations for proper use.

Things You'll Need

  • Computer
  • A web page editor
  • Website
  • Pen and Paper
  • Basic HTML knowledge

Step 1

Write down on the paper the type of information you wish to have show up in the email sign-up email form. Obvious entries will be name, and of course email addresses. A web sign-up form could include multiple newsletters or frequencies of web site updates.

Step 2

Open the web page editor and begin a new HTML page. Within the body tags type < form action="mailto:email@address.com" method="post" > hit the enter key and type < /form > this emails the email sign-up email form somewhere. Make sure to leave no spaces in between the less than sign and the letter following it or leave a space between the letter that comes before the greater than symbols in this line of code, an explanation follows in the warnings section.

Step 3

Type the following codes for the name of the client, and of course an email address. < input type="text" name="complete name" size="40" maxlength="256" value="complete name" / >Please type in your email address 2 times < br > < input type="text" name="email1" size="40" maxlength="256" value="Email" / > < input type="text" name="email2" size="40" maxlength="256" value="Email for verification" / > < br >< br > . These lines of codes customizable as far as the words that follow the value within the email sign-up email form.

Step 4

Type the following lines of code to offer the visitors different types of newsletters with multiple select boxes in the email sign-up form. This is an example of a multiple select box. Select one and hold down the ctrl key for multiple selections < select name="extras" size="3" multiple="multiple" >< option value="contests" > travel contest< /option >< option value="newsletter" > travel newsletter< /option >< option value="discount" > travel discounts< /option >< /select > < br >< br >

Step 5

Add the reset or submit buttons to the email sign-up email form with the following code. < br >< br > < input type="reset" value="Reset" / > < input type="submit" value="Send" / > You can change the wording in the value section of this part of the form. Upload this email sign-up email form to the web site and begin taking online email sign-ups.

Tips & Warnings

  • You can copy the lines of code to your web editor and alter them, to assure you have a working code or simply bookmark this page for future reference.
  • Please note the only words between the brackets that you can change follow the word value. The word following value is generally, what will appear as someone views the email sign-up form.
  • Make sure to leave no spaces in between the less than sign and the letter following it or leave a space between the letter that comes before the greater than symbols in this line of code. If you leave spaces within code, the email sign-up email form will not work properly.