Browser Back Button

Function

</ 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

May 8, 2024

Demo

See Demo

How to use:

Unlock more with PRO

Want to learn how to use this Crumb? Unlock detailed documentation, video tutorials, comments & support!

Upgrade to Pro

Unlock more with PRO

Want to learn how to use this Crumb? Unlock detailed documentation, video tutorials, comments & support!

Upgrade to Pro

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!