[Plugin: Events Manager] Event Manager Plugin redirect after booking

good thing you reposted here (That other one is lost :))

you can do this actually, but you need to know some JS. see how includes/js/bookingform.js works and you can bind an event to em_booking_gateway_add

Thanks for such a quick reply. Unfortunately you lost me after the first JS, which I figured out means Java Script.
I gather I didn’t mention on this post about being a newbie at this.
I’m pretty good at figuring things out but you totally lost me with… see how includes/js/bookingform.js works and you can bind an event to em_booking_gateway_add
Where can I read up about this?
Thanks

….I still think it’s a great plugin, just surprised that not more people have the same request.

W3Schools.com has a Java Script tutorial that might give you some background

I have the same request. @marcus or @pawriter, would you mind sharing a bit of js knowledge and where we would implement the redirect action in the includes/js/bookingform.js file ?

For example, after successful booking, re-direct to thank you page.
My guess is that it needs to be implemented within the code somewhere here:

success : function(response, statusText, xhr, $form) {
	$('#em-loading').remove();
	$('.em-booking-message').remove();
	$(document).trigger('em_booking_gateway_add', [response]);
	if(response.result && typeof Recaptcha != 'undefined'){
	Recaptcha.reload();
	}
em_booking_doing_ajax = false;
}

Thanks for any help you can provide.

Progress! Thank you @pawriter and @askjason. I’m following you Askjason, I’ve found the same spot…in the success section. Found this in the tutorials https://www.w3schools.com/jquery/event_bind.asp

Now how to bind an event to em_booking_gateway_add , so that there is a redirect to a thank you page?

Any more help coming our way would be very appreciated.

I was equally surprised there is no built-in redirect after making a booking! (seems like common practive to me)

Anyway, after some tinkering (I am really a novice when it comes to coding) I figured out that the following might work – just add the line window.open… at the bottom of the bookingform.js file ??

`complete : function(){
em_booking_doing_ajax = false;
$(‘#em-loading’).remove();
window.open(‘URL’,’_self’);
}
});
return false;
});`

In the next update, I’ll add a em_booking_success event to the document in jQuery so you can hook into that event without hacking the plugin.

we could add this when time permits

I’ve added this code to the in the head section of the page that the form is sitting on:

<script type="text/javascript">
$(function() {
	function em_booking_success() {
	window.location.replace("https://google.com");
	}
});
</script>

Doesn’t seem to work but I’m not sure if I’m going about it the right way.. any help would be appreciated. Thanks!

See this tutorial, same concept but different hook name – https://wp-events-plugin.com/tutorials/modifying-event-location-google-maps/

replace em_maps_location_hook with em_booking_success and that should work.