BROUSS Consent Checkboxes FINAL

Reemplaza el script anterior en Webflow Site Settings Footer Code.

<script>
document.addEventListener('DOMContentLoaded', function() {
  var form = document.getElementById('email-form');
  if (!form) return;
  var submitBtn = form.querySelector('input[type="submit"]');
  if (!submitBtn) return;
  var d = document.createElement('div');
  d.style.cssText = 'grid-column: 1 / -1; width:100%; padding:20px 0 12px; display:flex; flex-direction:column; gap:14px; font-family:Open Sans, sans-serif; order:98;';
  var h = '';
  h += '<label style="display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:11.5px;line-height:1.55;color:#999;">';
  h += '<input type="checkbox" name="Transactional-Consent" value="Yes" style="margin-top:2px;min-width:15px;min-height:15px;accent-color:#EA4F17;cursor:pointer;flex-shrink:0;">';
  h += '<span>By checking this box, I consent to receive transactional messages related to my account, orders, or services I have requested. These messages may include customer care messages, service support, and account notifications among others. Message frequency may vary. Message &amp; Data rates may apply. Reply HELP for help or STOP to opt-out.</span>';
  h += '</label>';
  h += '<label style="display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:11.5px;line-height:1.55;color:#999;">';
  h += '<input type="checkbox" name="Marketing-Consent" value="Yes" style="margin-top:2px;min-width:15px;min-height:15px;accent-color:#EA4F17;cursor:pointer;flex-shrink:0;">';
  h += '<span>By checking this box, I consent to receive marketing and promotional messages, including special offers, discounts, new product updates among others. Message frequency may vary. Message &amp; Data rates may apply. Reply HELP for help or STOP to opt-out.</span>';
  h += '</label>';
  h += '<div style="font-size:11px;color:#777;padding-top:2px;"><a href="/legal-pages/privacy-policy" style="color:#EA4F17;text-decoration:underline;">Privacy Policy</a> &amp; <a href="/legal-pages/terms-and-conditions" style="color:#EA4F17;text-decoration:underline;">Terms of Service</a></div>';
  d.innerHTML = h;
  submitBtn.parentNode.insertBefore(d, submitBtn);
  
  submitBtn.style.gridColumn = '1 / -1';
  submitBtn.style.gridRow = 'auto'; submitBtn.style.justifySelf = 'end'; submitBtn.style.order = '99';
  var quickLists = document.querySelectorAll('.list-links-footer');
  quickLists.forEach(function(list) {
    var hasPrivacy = list.innerHTML.indexOf('privacy-policy') !== -1;
    if (!hasPrivacy) {
      var ppItem = document.createElement('li');
      ppItem.innerHTML = '<a href="/legal-pages/privacy-policy" class="w-inline-block"><div class="body dark">Privacy Policy</div></a>';
      list.appendChild(ppItem);
      var tcItem = document.createElement('li');
      tcItem.innerHTML = '<a href="/legal-pages/terms-and-conditions" class="w-inline-block"><div class="body dark">Terms &amp; Conditions</div></a>';
      list.appendChild(tcItem);
    }
  });
});
</script>