How To Create A Inactive Tab Message.

For this tutorial I am going to show you how to change the browser tab title when the user clicks away from your site.

Let’s begin.

To make it easy for everyone to follow without having to go inside the theme files and enqueueing scripts we are going to use another plugin to assist with this tutorial.

The plugin you need to install is called Simple Custom CSS & JS .

After you have it installed and activated go to Custom CSS & JS and select Add JS Code.

A new window will open and you should give it a descriptive title and paste in this bit of JS below the commented portion.

jQuery(document).ready(function( $ ){
  	var pageTitle = $("title").text();

	$(window).blur(function() {
  $("title").text("Don't forget to read this..." + pageTitle);

	$(window).focus(function() {

Before you save your script be sure to tell the plugin where to put the script. It gives you two options choose footer and save it.

And that’s it go to your front end and see the magic.

Thanks for reading.

Related Articles

How To Turn A Section Into A Carousel

Greeting All, In this tutorial I am going to show you how you can turn...

How to Make A Horizontal Scrollable Mobile Menu

Greetings Everyone, This short tutorial will shed some light on how to replicate the mobile...

How To Wrap Text In Elementor

Greetings All. This brief tutorial will touch on a subject I was asked about this...

How to Create A CSS Arrow

Greetings All, For this brief tutorial I will show you how to create a css...

Leave a Reply

Your email address will not be published. Required fields are marked *

Powered by Elementor Pro

How happy are you with Key Elements?


Subscribe to get notified and receive a special invite.