Jainil Nagar

Hello @aylim

You are using ConvertKit form in the sidebar which is using the recaptcha.

Hello @mangosago11

This issue is related to Google recaptcha services, not CF7. Their robots.txt file is not allowing crawling for this image.

Hello @wjyeshealth

You can use wpcf7_mail_sent hook.

add_action('wpcf7_mail_sent', 'compare_values', 10, 1);
function compare_values($contact_form) {
    if ( 'Replace_With_FormId' == $contact_form->id() ) {
	$submission = WPCF7_Submission::get_instance();
	if ( $submission ) {
	    $formdata = $submission->get_posted_data(); //Form post data.

	    $email = $formdata['your-email']; //use this to compare values from database.
	}
    }    
}

Hello @valletinformatique44

The recaptcha V3 shows on the bottom right corner of the screen. You are using DIVI theme which has the following CSS which hides that badge:

body .grecaptcha-badge {
    visibility: hidden;
}

So, the recaptcha is working properly. If you want to show that badge on-site then add following CSS:

body .grecaptcha-badge {
    visibility: visible !important;
    z-index: 1;
}

Check FAQ about reCAPTCHA v3

• This reply was modified 4 years, 8 months ago by Jainil Nagar.

Hello @valletinformatique44

The new version of Contact Form 7 uses the recaptcha V3. You have added the recaptcha keys for the V2 which will not work.

You can either use ReCaptcha v2 for Contact Form 7 plugin for recaptcha V2 or add keys for the V3 in the setting.

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

Hello @thegadfly2020

You only need to use [your-tel] in the email body instead of [tel your-tel].

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

Hello @marcy730

You are using the Chidit theme. The theme uses the input masking on the input type tel.
Below is the code in your theme’s JS file which causes this:

$('input[type="tel"]').mask("+0-000-000-00-00")

To remove this add following JS:

jQuery(document).ready( function() {
	jQuery('input[type="tel"]').unmask();
});

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

Hello @kdi61

You need to add CSS in the stylesheet(style.css) file of your theme.

The CSS mentioned by you will change the background color of text, select,textarea field throughout the site. So if you have a white background on your any other forms then it will have fields with black background over it.

Hello @kdi61

Add the following CSS:

.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]) {
    background-color: rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}

Hello @patriziord

You can use wpcf7mailsent dom event listener for this:

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( 'FORM-ID' === event.detail.contactFormId ) {
        location = 'REDIRECT-URL';
    }
}, false );
</script>

• This reply was modified 4 years, 10 months ago by Jainil Nagar.

Hello @rookie22

You can use CF7 hooks like wpcf7_before_send_mail or wpcf7_mail_sent to add your custom code to execute.

Hello @whatthecup

You can add the following CSS to change the success message color:

div.wpcf7-mail-sent-ok { color: #000; }

Hello @mohammadia

Because of your theme’s CSS. It may have override CF7’s CSS code.

Hello @cutrano

That is a browser’s autocomplete functionality. The browser applies its own CSS for the input for which autocomplete is selected.

You can add the following CSS to remove that:

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    background-color: transparent;
}

Hello @dminke

You can check this screenshot https://prntscr.com/rlqlhd for the 0px css.

Also, the CSS I provided will only be applied to the CF7 response message box only. So no need to add it on separate pages.