use email personalization substitutes inside your SystemeIO pages

<script>
// use email personalization substitutes inside your SystemeIO pages
// ie. {email} / {first_name} ...
window.addEventListener("load", function() {
  const regexPattern = /\{([^}]*)\}/g;
  var jamesdivs = jamescontains('div', regexPattern);
  jamesdivs.forEach(function(element) {
    if (element.textContent.search('jamescontains') == -1) {
      jamesreplace(element, regexPattern, jamesreplaceSessionValues);
    }
  });
});

const jamesreplaceSessionValues = (match, variableName) => {
  const sessionValue = sessionStorage.getItem(variableName);
  return sessionValue !== null ? sessionValue : '';
};

function jamescontains(selector, text) {
  var elements = document.querySelectorAll(selector);
  return Array.prototype.filter.call(elements, function(element) {
    return RegExp(text).test(element.textContent);
  });
}

function jamesreplace(element, pattern, replacement) {
  for (let node of element.childNodes) {
    switch (node.nodeType) {
      case Node.ELEMENT_NODE:
        jamesreplace(node, pattern, replacement);
        break;
      case Node.TEXT_NODE:
        node.textContent = node.textContent.replace(pattern, replacement);
        break;
      case Node.DOCUMENT_NODE:
        jamesreplace(node, pattern, replacement);
    }
  }
}
</script>