Streaming live at 10am (PST)

How do I make a form for my website?


#1

Hi
So I am almost done with my website portfolio but I have come across a huddle.
So I want a contact form that users can type into which will automatically email me once they hit submit.
I have already created and styled the form, I am just stuck on the server side part as I am more of a front-end developer than knowing php or sql.
Can anyone help me make the form respond when the user types submit and it emails me?
This is my form source code:

<section>
  <div class="form">
    <div class="row header">
      <h1>CONTACT ME &nbsp;</h1>
      <h3>Fill Out The Form Below To Chat!</h3>
    </div>
    <div class="row body">
      <form action="#">
        <ul>
          
          <li>
            <p class="left">
              <label for="first_name"> Name </label>
              <input type="text" name="first_name" placeholder="Enter Name Here" />
            </p>
            <p class="pull-right">
              <label for="last_name"> Company </label>
              <input type="text" name="company" placeholder="If Applicable" />      
            </p>
          </li>
          
          <li>
            <p>
              <label for="email"> Email <span class="req">*</span></label>
              <input type="email" name="email" placeholder="Enter Valid Email" />
            </p>
          </li>        
          <li><div class="divider"></div></li>
          <li>
            <label for="comments"> Message </label>
            <textarea cols="46" rows="3" name="Message" placeholder="How May I Help You?"></textarea>
          </li>
          
          <li>
            <input class="btn btn-submit" type="submit" value="Submit" />
          </li>
          
        </ul>
      </form>  
    </div>
  </div>
</section>
<!-- End: Contact Form-->

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hi @Kish

If you are hosting with Webflow, you can just drop in a form element, add fields and style as you wish - then have it direct the messages to you in ‘project settings’.