Contact Form

  • MissSearle

    (@misssearle)


    9 years ago

    I am using the dashboard of WordPress to create my website, and I am an amateur at HTML, but I do learn quickly.

    I got myself a contact form design using HTML, CSS and JS. But the only thing I lack is the ability for the ‘Send’ button to send the information they have put, to my email address.

    I am using this HTML:

    <div class="form-style-8">
<h2>Get in touch with us</h2>
<form><input name="field1" type="text" placeholder="Full Name" />
<input name="field2" type="email" placeholder="Email" />
<input name="field3" type="url" placeholder="Company" />
<textarea placeholder="Message"></textarea>
<input type="button" value="Send Message" /></form></div>

    My website is https://test.egenie.biz/contact-us

    Any help is appreciated

Viewing 3 replies - 1 through 3 (of 3 total)
  • princesshmrincess

    (@princesshmrincess)

    Have you tried using a contact form plugin?

    https://www.ads-software.com/plugins/contact-form-7/

    Thread Starter MissSearle

    (@misssearle)

    I have yes, i quite like contact form 7, but how would I get that exact design for contact form 7?

    princesshmrincess

    (@princesshmrincess)

    I have yes, i quite like contact form 7, but how would I get that exact design for contact form 7?

    I see you made some changes on your contact form already. Looks good!

    I think this code here looks similar to your previous design:

    <div class="column one-third"><label>Name:* </label>[text* your-name]</div>
<div class="column one-third"><label>E-mail address:*</label>[email* your-email]</div>
<div class="column one-third"><label>Company:</label>[text your-company]</div>
<div class="column one"><label>Message:</label>[textarea your-message]</div>
<div class="column one" align="center">[submit "Send message"]</div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact Form’ is closed to new replies.