Browser tab text change on active/inactive – Horeca Webservice Knowledge Base

Last updated:

13 May 2025

Source: https://blog.youdivi.com/tutorials/change-browser-tab-title-tab-not-active/

Use the following script to change the text on browser tabs when the tab is inactive or active. For example, to grab attention to come back to the tab with your website.

This script can be added in the Divi Theme Options > Integration > Add code to the <head> of your blog:

<script>
jQuery(document).ready(function( $ ){
  // Get page title
  	var pageTitle = $("title").text();
  
  // Change page title on blur
  $(window).blur(function() {
	  $("title").text("Miss You ❤");
	});

	// Change page title back on focus
	$(window).focus(function() {
	  $("title").text(pageTitle);
	});
});</script>Code language: HTML, XML (xml)