Post

Introducing contact forms for static websites

An email has been time tested means of communication. Any website without a contact form has no way to contact the site owners, which could lead to loss of potential leads.

W3Layouts Forms will help everybody to add a contact form inside their HTML website without a need for a backend server like PHP.

Setting up a new form

Login to your W3Layouts account and Go to Form

Click Add New then enter the Domain Name, and Email ID you want to receive entries. Then click create a contact form.

Adding form inside a website.

Using W3Layouts forms is very straight forward. You can simply add form action as “https://sendmail.w3layouts.com/SubmitContactForm” and method as “POST” 

<form action="https://sendmail.w3layouts.com/SubmitContactForm" method="post">

W3Layouts supports four inputs. Name, Email, Subject, and Message.
Sender Name = w3lName

<input type="text" name="w3lName" required/>

Sender Email = w3lSender

<input type="email" name="w3lSender" required/>

Subject = w3lSubject 

<input type="text" name="w3lSubject"/>

Message= w3lMessage 

 <textarea type="text" name="w3lMessage" required></textarea>

Sender name, email and message are mandatory fields.

A fully working form would something like this

<form action="https://sendmail.w3layouts.com/SubmitContactForm" method="post">
   <div>
      <label>Name</label>
      <input type="text" name="w3lName">
    </div>
    <div>
      <label>Email</label>
      <input type="email" name="w3lSender">
   </div>
   <div>
      <label>Subject</label>
      <input type="text" name="w3lSubject">
   </div>
   <div>
      <label>Message</label>
      <textarea name="w3lMessage"></textarea>
   </div>
   <div>
         <input type="submit" >
   </div>
</form>

For more details or help contact our support

Post

Delight Contact Form Web Element

Delight contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purposes consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Delight Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

product

Delight Contact Form Web Element

Delight contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purposes consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Delight Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

Post

Classical Contact Form Web Element

Classical contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purposes consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Classical Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

product

Classical Contact Form Web Element

Classical contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purposes consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Classical Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

product

True Contact Form Web Element

True contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: True Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

Post

True Contact Form Web Element

True contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: True Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

product

Glassy Contact Form Web Element

Glassy contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Glassy Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

Post

Glassy Contact Form Web Element

Glassy contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Glassy Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

product

Lucid Contact Form Web Element

Lucid contact form is built with clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and easy to use and customize by adding background with image or a solid colour.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Lucid Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

Post

Lucid Contact Form Web Element

Lucid contact form is built with clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and easy to use and customize by adding background with image or a solid colour.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Lucid Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.

product

Tidy Contact Form Web Element

Tidy contact form is built with a clean HTML and CSS. This contact form can be used in any category websites as it is suitable for almost all categories.

Also, we are launching contact forms frequently with an attractive look and the arrangement of form and address maps.

Please keep the backlink to w3layouts.com, if you are downloading the template for free. If you are using the website template for commercial purpose consider buying a Liberty License.

Design by <a href="http://w3layouts.com">w3layouts.com</a>

Template Information:

  • Template Name: Tidy Contact Form a Responsive Web Element.
  • License: Starter License and Liberty License.
  • Compatible Browsers: Google Chrome, Firefox, Safari, IE 10, Opera, etc.
  • Source Files included: HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif), JQuery plugins (.js), Fonts (.ttf).
  • High Resolution: Yes.