• Resolved nickpocock

    (@nickpocock)


    Hi,

    I am using contact form 7 on my site.

    http://dailyelectronicmusic.com/contact/

    When I try send a test message it passes all the content as variables in the URL but then nothing happens.

    Here is my mark up I’m using.

    <div class="form-group">
                                <span class="col-md-2 text-center"><i class="fa fa-user bigicon"></i></span>
                                <div class="col-md-8">
                                    [text fname id:fname class:form-control placeholder "first name"]
                                </div>
                            </div>
                            <div class="form-group">
                                <span class="col-md-2 text-center"><i class="fa fa-user bigicon"></i></span>
                                <div class="col-md-8">
                                    [text lname id:fname class:form-control placeholder "last name"]
                                </div>
                            </div>
    
                            <div class="form-group">
                                <span class="col-md-2 text-center"><i class="fa fa-envelope-o bigicon"></i></span>
                                <div class="col-md-8">
                                    [email* email id:email class:form-control placeholder "Email Address"]
                                </div>
                            </div>
    
                            <div class="form-group">
                                <span class="col-md-2 text-center"><i class="fa fa-phone-square bigicon"></i></span>
                                <div class="col-md-8">
                                    [number* number min:11 max:20 id:phone class:form-control placeholder "Phone"]
                                </div>
                            </div>
    
                            <div class="form-group">
                                <span class="col-md-2 text-center"><i class="fa fa-pencil-square-o bigicon"></i></span>
                                <div class="col-md-8">
                                    [textarea* message id:message class:form-control "Please enter your message"]
                                </div>
                            </div>
    
                            <div class="form-group">
                                <div class="col-md-12 text-center">
                                    [submit id:submt class:btn class:btn-primary class:btn-lg "Submit"]
                                </div>
                            </div>

    Here is the output I get when I click submit

    http://dailyelectronicmusic.com/contact/?_wpcf7=56&_wpcf7_version=4.3&_wpcf7_locale=en_US&_wpcf7_unit_tag=wpcf7-f56-p16-o1&_wpnonce=1afa3127a0&fname=Nicolas&lname=Pocock&email=nick.pocock%40gmail.com&number=07919543443&message=Please+enter+yssssour+message

    I’ve used this plugin before many times and it’s been fine. Can’t see why it isn’t working as usual. Any help would be greatly appreciated.

    https://wordpress.org/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter nickpocock

    (@nickpocock)

    This issue was due to me having a form nested inside another form. On my parent form I was applying a Bootstrap class for styling, instead I removed this form and then used the ‘wpcf7_form_class_attr’ filter to add the class I needed onto the native contact form. Here is the code I used

    add_filter( 'wpcf7_form_class_attr', 'add_custom_form_class' );
    
    	function add_custom_form_class( $class ) {
    		$class .= ' form-horizontal';
    		return $class;
    	}
Viewing 1 replies (of 1 total)
  • The topic ‘Contact form not sending’ is closed to new replies.