Love to share Wordpress, HTML, CSS , JQuery related issues & My observations on Astrology
You can show the Contact Form 7 form in your live site, but can make the Submit button remain disable so that no one can submit it . Here I am sharing you a piece of jQuery code using which you can make the Contact Form Submit button block or inactive.
Here is the jQuery code
Continue reading “How to make Submit button of Contact Form 7 inactive or disable but keeping the form live”
If you want to create a Terms and Condition Checkbox with the link pointing to the page, you can create it easily. Here is the code which you need to use
[checkbox* terms-condition "I have read and agree to the terms and conditions. *"] <a href="http://www.yoursite.com/terms-and-condition"> Terms & conditions </a>
The code will go in the Contact Form 7 ( like below)
Thats it. If you have any Question feel free to do comments below.
Suppose you have a paypal button to collect money or sale product and you want your client to submit Contact form 7 form too. To make that work easy for your client it is wise to redirect your client to paypal payment collection after successful submission of the form. Here is the procedure
2. Like the image a new tab “Redirect Settings” will be added
3. Like the Screenshot above you can put the External URL or Paypal url and select “Use External URL”
Instead or redirecting to external url or paypal url if you want to Click Automatically to Paypal Payment button, then use this technique
jQuery(document).ready(function() {
jQuery('button.paypal-button.large').click();
});
please replace this selector button.paypal-button.large with your payment button selector.
If you face issue or need help please do comments in the comments box.
This Post is for advanced users. So if you are using Contact Form 7 and Contact Form 7 Multi Steps Form and want your form to go to or Redirect Different Form based on Radio button or Drop down or Checkbox selection, then this post can help you.
I have used Jquery and Ajax to solve this issue. If you have any Question, Please ask question in the comments section.
<script>
jQuery(document).ready(function(){
jQuery('input[type="radio"][name="radio-20"]').bind('click',function(){
var ompp= jQuery(this).val();
console.log(ompp);
jQuery.ajax({
url:"<?php echo admin_url('admin-ajax.php');?>",
type:"GET",
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
data:{
action: 'stravyfuncajax23',
radiovalue:ompp
},
success: function(responsea){
jQuery("#bm").html(responsea);
console.log(responsea);
if(responsea=="Build Muscle"){
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( event.detail.contactFormId === "1719") { location.replace("http://example.com/build-muscle-form-page/");}}, false );
}
else{
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( event.detail.contactFormId === "1719") { location.replace("http://example.com/lose-weight-form-page/");}}, false );
}
}
});
});
});
</script>in Function.php
add_action('wp_ajax_stravyfuncajax23','searchbyom');
add_action('wp_ajax_nopriv_stravyfuncajax23','searchbyom');
function searchbyom(){
$searchword1= $_GET['radiovalue'] ;
if($searchword1=="Build Muscle"){
echo "Build Muscle";
}else
{
echo "Lose Weight";
}
die();
}The Contact Form 7 Code i used
First Name:
[text your-name]
Last Name:
[text last-name]
What is your goal?
[radio radio-20 default:0 "Lose Weight" "Build Muscle"]
[submit "Continue Questionnaire"][multistep "2-5"]
<div id="bm"></div>
If you want to implement a form using Contact Form 7 where users will select Tutor name or Department name and the mail will be delivered to that specific tutor or department then this tutorial is for you.
To solve the issue, I am sharing you what to do in the steps below
This tutorial is only for those who are trying to add calculator fields like where user will put value in one field and some calculation will be done automatically and result will be viewable in other single or multiple fields in contact form.
This technique I have shared is for advance level users who have knowledge of Jquery and using Contact form 7 . If you are new or facing problem to implement such type of fields, feel free to message me in comments section or take my personal help in my fiverr profile.
Here is the technique
1. At first put your calculator fields where you want to do or show calculation
2. Use Jquery code something like this
I have shared you the Jquery auto calculation code for contact form 7 below
<script> jQuery(document).ready(function(){ //alert("Welcome"); var ce; var ps; var ar; jQuery("#ce").on("change", function() { ce= this.value ; ps=(((ce/30))/5)*1.2; ar=(((ps*1000)/250)*(0.941*1.65)*1.6); jQuery("#ps").val(ps.toFixed()); jQuery("#ar").val(ar.toFixed()); }); }); </script>3. Result
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
Like this post?
All About Basic 