Landing 5 form

Hello,

This is Definitely Possible but you will need to Customize the Codes a Bit. Please follow the steps below:

1. Replace the Existing Form Code in the landing-5.html Template with the following code:

	

	
		
			Signup for FREE
			Get 30 Days Unlimited Access
		
		
		
			
		
		
			
		
		
			
		
		
			
		
		
			
		
		
			START FREE TRIAL
		
	

1. Now Download and add this File: https://www.dropbox.com/s/hnpc8ol19uej5ql/landing-5.php?dl=1 to your HTML/include Folder.

You can simply open the include/landing-5.php File and add your Email Address in the Appropriate Places. Additionally, you will also need to add the Auto Responder related PHP Codes in the include/landing-5.php File.

This should definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Hello,

Please consider upgrading your Version of Canvas to the Latest Version to avoid issues as we are using a more advanced version of the Contact Form AJAX Codes. Please find the contactForm: function() Function Block and SEMICOLON.widget.contactForm(); Function Call in the Latest Version of js/functions.js File and add it to your version of the same file. also make sure that you Update the New HTML Markup Code for the Contact Form and the include/sendemail.php Files to the Latest Version. However, it would be much better if you update your entire website to the Latest Version by following the Upgradation instructions found in the Documentation > Upgrade V3 to V4 Section.

Additionally, also update the entire contactForm: function() Function Block with the following code:

contactForm: function(){

	if( !$().validate ) {
		console.log('contactForm: Form Validate not Defined.');
		return true;
	}

	if( !$().ajaxSubmit ) {
		console.log('contactForm: jQuery Form not Defined.');
		return true;
	}

	var $contactForm = $('.contact-widget:not(.customjs)');
	if( $contactForm.length ');
				} else {
					$(form).find('.form-process').fadeIn();
				}

				$(form).ajaxSubmit({
					target: elementResult,
					dataType: 'json',
					success: function( data ) {
						if( elementLoader == 'button' ) {
							defButton.html( defButtonText );
						} else {
							$(form).find('.form-process').fadeOut();
						}
						if( data.alert != 'error' && elementRedirect ){
							window.location.replace( elementRedirect );
							return true;
						}
						if( elementAlert == 'inline' ) {
							if( data.alert == 'error' ) {
								var alertType = 'alert-danger';
							} else {
								var alertType = 'alert-success';
							}

							elementResult.addClass( 'alert ' + alertType ).html( data.message ).slideDown( 400 );
						} else {
							elementResult.attr( 'data-notify-type', data.alert ).attr( 'data-notify-msg', data.message ).html('');
							SEMICOLON.widget.notifications( elementResult );
						}
						if( $(form).find('.g-recaptcha').children('div').length > 0 ) { grecaptcha.reset(); }
						if( data.alert != 'error' ) { $(form).clearForm(); }
					}
				});
			}
		});

	});
}

and then you can simply add data-redirect="http://google.com" attribute to the .contact-widget Element to redirect your Forms on Successful Submission. This way you can have different redirects for different forms without the need of writing Lots of Codes.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.