.svg)
.svg)
.svg)
.svg)
.svg)
<img src="{{global.code_pixel}}" onload="(function() {
const originalTitle = document.title;
const flashTitle = '👋 Still thinking about your cart?';
const originalFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const flashFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const intervalDuration = 1000;
let interval = null;
let isOriginal = true;
function changeFaviconAndTitle(src, title) {
document.title = title;
let link = document.querySelector('link[rel*=icon]') || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
userengage('event.Flashing tab popup');
interval = setInterval(() => {
changeFaviconAndTitle(isOriginal ? flashFavicon : originalFavicon, isOriginal ? flashTitle : originalTitle); isOriginal = !isOriginal;
}, intervalDuration);
} else {
clearInterval(interval);
changeFaviconAndTitle(originalFavicon, originalTitle);
}
});})();"/><img src="{{global.code_pixel}}" onload="(function() {
const originalTitle = document.title;
const flashTitle = '👋 Still thinking about your cart?';
const originalFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const flashFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const intervalDuration = 1000;
let interval = null;
let isOriginal = true;
function changeFaviconAndTitle(src, title) {
document.title = title;
let link = document.querySelector('link[rel*=icon]') || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
userengage('event.Flashing tab popup');
interval = setInterval(() => {
changeFaviconAndTitle(isOriginal ? flashFavicon : originalFavicon, isOriginal ? flashTitle : originalTitle); isOriginal = !isOriginal;
}, intervalDuration);
} else {
clearInterval(interval);
changeFaviconAndTitle(originalFavicon, originalTitle);
}
});})();"/><img src="{{global.code_pixel}}" onload="(function() {
const originalTitle = document.title;
const flashTitle = '👋 Still thinking about your cart?';
const originalFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const flashFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const intervalDuration = 1000;
let interval = null;
let isOriginal = true;
function changeFaviconAndTitle(src, title) {
document.title = title;
let link = document.querySelector('link[rel*=icon]') || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
userengage('event.Flashing tab popup');
interval = setInterval(() => {
changeFaviconAndTitle(isOriginal ? flashFavicon : originalFavicon, isOriginal ? flashTitle : originalTitle); isOriginal = !isOriginal;
}, intervalDuration);
} else {
clearInterval(interval);
changeFaviconAndTitle(originalFavicon, originalTitle);
}
});})();"/><img src="{{global.code_pixel}}" onload="(function() {
const originalTitle = document.title;
const flashTitle = '🛒 Psst… your cart misses you!';
const originalFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const flashFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const intervalDuration = 1000;
let interval = null;
let isOriginal = true;
function changeFaviconAndTitle(src, title) {
document.title = title;
let link = document.querySelector('link[rel*=icon]') || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
userengage('event.Flashing tab popup');
interval = setInterval(() => {
changeFaviconAndTitle(isOriginal ? flashFavicon : originalFavicon, isOriginal ? flashTitle : originalTitle); isOriginal = !isOriginal;
}, intervalDuration);
} else {
clearInterval(interval);
changeFaviconAndTitle(originalFavicon, originalTitle);
}
});})();"/><img src="{{global.code_pixel}}" onload="(function() {
const originalTitle = document.title;
const flashTitle = '🛒 Psst… your cart misses you!';
const originalFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const flashFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const intervalDuration = 1000;
let interval = null;
let isOriginal = true;
function changeFaviconAndTitle(src, title) {
document.title = title;
let link = document.querySelector('link[rel*=icon]') || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
userengage('event.Flashing tab popup');
interval = setInterval(() => {
changeFaviconAndTitle(isOriginal ? flashFavicon : originalFavicon, isOriginal ? flashTitle : originalTitle); isOriginal = !isOriginal;
}, intervalDuration);
} else {
clearInterval(interval);
changeFaviconAndTitle(originalFavicon, originalTitle);
}
});})();"/><img src="{{global.code_pixel}}" onload="(function() {
const originalTitle = document.title;
const flashTitle = '🛒 Psst… your cart misses you!';
const originalFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const flashFavicon = 'https://media.user.com/uploads/xs30fg-usecases/user-favicon_W05s7i1.png';
const intervalDuration = 1000;
let interval = null;
let isOriginal = true;
function changeFaviconAndTitle(src, title) {
document.title = title;
let link = document.querySelector('link[rel*=icon]') || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = src;
document.head.appendChild(link);
}
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
userengage('event.Flashing tab popup');
interval = setInterval(() => {
changeFaviconAndTitle(isOriginal ? flashFavicon : originalFavicon, isOriginal ? flashTitle : originalTitle); isOriginal = !isOriginal;
}, intervalDuration);
} else {
clearInterval(interval);
changeFaviconAndTitle(originalFavicon, originalTitle);
}
});})();"/>When a visitor lands on a target page that includes “cart,” the system initializes a pixel-based script to detect tab visibility changes. If the user switches to another tab, the browser tab title alternates to display a short message; defined users see “👋 Still thinking about your cart?” while anonymous users see “🛒 Psst… your cart misses you!”. The message is delivered via the Send code action with Append to HTML set to false and custom handling in the User.com widget. Global variable code_pixel hosts the script, and the automation controls when and where the flashing message triggers.
Implementing use case automation involves several key steps and tools. Here's a comprehensive ressources to get you started:
Collect information from your visitors and navigate them on the website.
Automate SMS delivery based on user actions or specific conditions.
Delivers personalized notifications to users of your website (webpush) or app (mobile push).
Easily design and customize landing pages that convert visitors into leads, optimizing the journey from click to action.
| Attribute name | Attribute type |
|---|---|
| (standard) string |
| Global variable name | Global variable type |
|---|---|
| code_pixel | string |
.svg)
.svg)
