← All examples

JavaScript Productivity booksy.com

Highlight new clients

Marks appointments and client entries for first-time visitors with a teal accent so you can ensure a great first impression.

Code to copy

try {
  var re = /(new client|nowy klient|first visit|pierwsza wizyta|new customer)/i;
  var items = document.querySelectorAll('[class*="appointment" i], [data-testid*="client-row" i], [role="listitem"]');
  items.forEach(function (it) {
    try {
      var badge = it.querySelector('[class*="new" i], [aria-label*="new" i]');
      if (badge || re.test(it.textContent || '')) {
        it.style.setProperty('box-shadow', 'inset 4px 0 0 #00897b', 'important');
        it.style.setProperty('background', '#e0f2f1', 'important');
      }
    } catch (e) {}
  });
} catch (e) {}

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases