Jainil Nagar

Hello @sarawordpress17

That means that your server has some issue with the mail.

This is not due to the Contact Form 7 plugin.

Hello @sarawordpress17

No need to add the credentials. You can test the mail on the “Email Test” tab in the form. Screenshot: https://prntscr.com/1r44w4u

Check the response below the form there.

• This reply was modified 3 years, 2 months ago by Jainil Nagar.

Hello @sarawordpress17

The form on the site is getting the “Mail Failed” error.

Please check mails are working on your server or not.

You can also test mail with WP Mail SMTP by WPForms plugin.

Hello @sarawordpress17

Please share the form page link.

Also, does the issue happen each time or sometimes only?

Hell @alexbertocchi

You can use jQuery to assign the radio button value as class:

jQuery( 'form.wpcf7-form input' ).each(function(){
  var name = jQuery( this).attr( 'name' );
  var type = jQuery( this ).attr('type');
  if( name == 'your-field-name' && type == 'radio' ) {
    jQuery( this ).addClass( jQuery( this ).val() );
  }
});

Hello @emmahoo

You need to add the tags in your email message body in the settings.

From: [your-name] <[your-email]>
Company Name: [your-company]
Country: [country]

Enquiry Message:
[your-enquiry]

You can see the tags shown in bold at the top of the Mail tab which is not used in the email body.

• This reply was modified 3 years, 2 months ago by Jainil Nagar.

Hello @kreawich

The issue is with your theme, not the plugin. The theme is loading the CF7 in popup using the ajax call and loading the CF7 form using wpcf7.initForm which throws the error.

So the form is not initialized properly.

Hello @olavers

By code, I meant you Integromat integration code.

Are you using CF7 Redirections, Integrations and Database?

• This reply was modified 3 years, 9 months ago by Jainil Nagar.

Hello @olavers

Please post your code here.

Also, Keep in mind that the checkbox data will be an array.

Hello @shanemery

The issue is with your CSS, not the pluign. Add below CSS to fix the checkbox issue.

input[type="checkbox"] {
    height: 15px;
    width: 15px;
    appearance: auto;
}

Hello @phpnukes

Yes, this code needs to add to the theme’s functions.php file.

With upgrades in the plug-in or WordPress would be affected?
>>> This depends on your code. The CF7 hook and function will be the same.

Hello @phpnukes

You can apply the hook and get form data that use that to create a new post.

add_action('wpcf7_before_send_mail','insert_new_post',10,3);

function insert_new_post( $contact_form, $abort, $submission ) {

	if( $contact_form->id() == 'YOUR_FORM_ID' ) {
		// Get Submitted post data.
		$data = $submission->get_posted_data();
	
		$name = $data[ 'your-name' ];

		//Post Insert Code
	}
	
}

See Accessing user input data

Hello @checkabout

You have incorrect tags in the mail setting. It should be like below:

From: [text-45] <[email-252]>

Message Body:
[textarea-307]

-- 
This e-mail was sent from a contact form on [_site_title] ([_site_url])

Hello @hannahspelman94

Please provide the Site URL.

Hello @kunalg

You can do something like this:

.wpcf7-date {
    position: relative;
}
.wpcf7-date::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}
.wpcf7-date:before {
    color: #b68644;
    background: none;
    display: block;
    font-family: 'FontAwesome';
    width: 15px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 6px;
    content: '\f073';
}

• This reply was modified 3 years, 9 months ago by Jainil Nagar.