← All examples

JavaScript Productivity booksy.com

Mark walk-in vs online bookings

Adds a blue or orange accent to Booksy Biz appointments depending on whether they came in online or were added manually as walk-ins.

Code to copy

try {
  var online = /(online|booksy|app booking|self-?book)/i;
  var walkin = /(walk[\s-]?in|manual|added by|dodane przez|recepcja)/i;
  var items = document.querySelectorAll('[class*="appointment" i], [data-testid*="appointment-block" i]');
  items.forEach(function (it) {
    try {
      var txt = (it.textContent || '') + ' ' + (it.className || '');
      if (online.test(txt)) {
        it.style.setProperty('box-shadow', 'inset 4px 0 0 #1565c0', 'important');
      } else if (walkin.test(txt)) {
        it.style.setProperty('box-shadow', 'inset 4px 0 0 #ef6c00', '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