Browser Back Button

</ head>

</ body>

<!-- Browser Back Button -->
<script>
$( document ).ready(function() {
	$( ".back-button__class-name" ).click(function() { // Create any class name between the " ". Then add this class name to any back button on that page.  
		window.history.back();
	});
});
</script>

HTML/Embed

Only tabs with a " " have code.

<!-- Browser Back Button -->
<script>
$( document ).ready(function() {
	$( ".back-button__class-name" ).click(function() { // Create any class name between the " ". Then add this class name to any back button on that page.  
		window.history.back();
	});
});
</script>

Only tabs with a " " have code.

If you have already pasted this code into your project then you can skip this. If you haven't, and it's your first time using CodeCrumbs, then copy this code and navigate to your sites global settings > Custom Code tab > paste it into the <head> (first custom code block). It just needs to exist once.

Author

Noah Raskin

Updated on

Oct 25, 2022

Demo

See Demo

How to use:

This code crumb is super simple to use. Simply place this snippet into the footer custom code section on any page you have/need a back button on. If you would like it global to reduce the amount of times it is pasted, then just add it in the footer custom code section within your site settings.

You'll see a class name in the snippet by default named ".back-button__class-name" which you can change to anything you want like "back-button" or "back-link" etc. Once you've done that just add that class to any back button you have and that's it.

Tutorial Coming Soon!