Contact Form 7 Tutorial – Create a 2-Column Responsive Form With Contact Form 7 | WP Learning Lab

Video is ready, Click Here to View ×


Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL
Contact Form 7 Tutorial – Create a 2-Column Responsive Form With Contact Form 7 | WP Learning Lab

Putting the contact form code into the YouTube description didn’t make sense because YouTube doesn’t allow pointy brackets, which there are a lot of in this code. So instead, you can find it here: https://wplearninglab.com/contact-form-7-2-column-responsive-form

Below are the CSS styles I mention in the video:

/*— 2 Column Form Styles Start —*/

#left {
width: 47%;
float: left;
margin-right:6%;
}

#right {
width: 47%;
float: left;
}

.clearfix:after {
content:”020″;
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}

.clearfix {
display:block;
}

/*— 2 Column Form Styles End —*/

With over 1 million active downloads, the Contact Form 7 (https://wordpress.org/plugins/contact-form-7/) plugin by…

29 Comments

  1. Hi and thank you for this video. It has helped me understand contact form much better. I followed your instructions and I am getting an error message under the FROM "This email address does not belong to the same domain as the site." I entered [first-name] [last-name] <[your-email]> saved and the error message popped up…

    I sent test email and they seem to work fine. But would you know what the issue i am having is?

  2. hen I add the [your-name] <[your-email]> This email address does not belong to the same domain as the site.  The default was my website's email but even after showing sent the emails never show up

  3. Hi can you help I followed your video create a 2 column responsive form with contact form 7. I copied and pasted all the html and css and added it correctly but changed the "how did you find us" section to a dropdown menu. This all displays on my website the dropdown menu with all the options appears but you cant select one nothing appears its just a blank, how can I rectify this.
    Thanks
    Oliver

  4. Hello Good tutorial man Ireally learned a lot from you with this video. I have one question. How to avoid the message not to go on the spam folder? Thats the case on my edn after I followed your tuts. Thanks in advance

  5. Hi, I asked if there is a plugin for CAPTCHA that we can use with Contact Form 7 instead of registering sites with Google to use their plugin. It is okay if you do not want to answer. I like your videos anyway.

  6. Great video. The best tutorial so far on the topic. Thanks for your efforts in supporting the community. You have an easy to follow tone and style. I achieve my goal with your helpful video and created the form I wanted with custom fields. Thanks again.

    Recently I noticed that the REAL SIMPLE CAPTCHA is not part of Contact Form 7 but Googles reCAPTCHA where you need to register you sites, generate a key and then use the feature. Is there any other plugin where we can just show simple CAPTCHA on Contact Form 7.

    Appreciate your response and support.
    http://www.digitalaffiliates.net

Leave a Reply

Your email address will not be published.


*