{"id":43163,"date":"2026-03-24T05:10:41","date_gmt":"2026-03-24T05:10:41","guid":{"rendered":"https:\/\/dev.sticker4u.dk\/?page_id=43163"},"modified":"2026-04-09T07:28:39","modified_gmt":"2026-04-09T07:28:39","slug":"create-account","status":"publish","type":"page","link":"https:\/\/dev.sticker4u.dk\/da\/create-account\/","title":{"rendered":"Create Account"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43163\" class=\"elementor elementor-43163\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3aba50 e-flex e-con-boxed e-con e-parent\" data-id=\"a3aba50\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-482139c elementor-widget elementor-widget-html\" data-id=\"482139c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4u-register-main\">\r\n\r\n  <div class=\"s4u-register-form-col\">\r\n    <h1>Create an account<\/h1>\r\n\r\n    <div id=\"s4u-register-error\" class=\"s4u-form-error\" style=\"display:none;\"><\/div>\r\n\r\n    <form class=\"s4u-register-form\" id=\"s4uRegisterForm\" method=\"POST\">\r\n\r\n      <label for=\"s4u_reg_email\">Email<\/label>\r\n      <div class=\"s4u-field-wrap\">\r\n        <span class=\"s4u-field-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/dev.sticker4u.dk\/wp-content\/uploads\/2026\/03\/hugeicons_mail-02.svg\" alt=\"\">\r\n        <\/span>\r\n        <input\r\n          type=\"email\"\r\n          id=\"s4u_reg_email\"\r\n          name=\"email\"\r\n          placeholder=\"your@email.com\"\r\n          autocomplete=\"email\"\r\n          required\r\n        >\r\n      <\/div>\r\n\r\n      <label for=\"s4u_reg_password\">Password<\/label>\r\n      <div class=\"s4u-field-wrap\">\r\n        <span class=\"s4u-field-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/dev.sticker4u.dk\/wp-content\/uploads\/2026\/03\/hugeicons_circle-password.svg\" alt=\"\">\r\n        <\/span>\r\n        <input\r\n          type=\"password\"\r\n          id=\"s4u_reg_password\"\r\n          name=\"password\"\r\n          placeholder=\"Password\"\r\n          autocomplete=\"new-password\"\r\n          required\r\n        >\r\n        <button type=\"button\" class=\"s4u-toggle-pass\" data-target=\"s4u_reg_password\">\r\n          <img decoding=\"async\" src=\"https:\/\/dev.sticker4u.dk\/wp-content\/uploads\/2026\/03\/solar_eye-linear.svg\" alt=\"\">\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"s4u-password-strength\" id=\"s4uStrengthWrap\" style=\"display:none;\">\r\n        <div class=\"s4u-strength-bars\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"s4u-strength-text\" id=\"s4uStrengthText\">Strong Password<\/div>\r\n      <\/div>\r\n\r\n      <label for=\"s4u_reg_confirm_password\">Confirm Password<\/label>\r\n      <div class=\"s4u-field-wrap\">\r\n        <span class=\"s4u-field-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/dev.sticker4u.dk\/wp-content\/uploads\/2026\/03\/hugeicons_circle-password.svg\" alt=\"\">\r\n        <\/span>\r\n        <input\r\n          type=\"password\"\r\n          id=\"s4u_reg_confirm_password\"\r\n          name=\"confirm_password\"\r\n          placeholder=\"Password\"\r\n          autocomplete=\"new-password\"\r\n          required\r\n        >\r\n        <button type=\"button\" class=\"s4u-toggle-pass\" data-target=\"s4u_reg_confirm_password\">\r\n          <img decoding=\"async\" src=\"https:\/\/dev.sticker4u.dk\/wp-content\/uploads\/2026\/03\/solar_eye-linear.svg\" alt=\"\">\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- PHONE FIELD (LOCKED +45) -->\r\n      <div class=\"s4u-phone-wrap\">\r\n        <span class=\"s4u-phone-prefix\">+45<\/span>\r\n\r\n        <input\r\n          type=\"tel\"\r\n          id=\"s4u_reg_phone\"\r\n          placeholder=\"Enter phone number\"\r\n          inputmode=\"numeric\"\r\n          autocomplete=\"tel\"\r\n          pattern=\"[0-9]{6,15}\"\r\n          maxlength=\"15\"\r\n          required\r\n        >\r\n      <\/div>\r\n\r\n      <input type=\"hidden\" name=\"full_phone\" id=\"s4u_full_phone\">\r\n      <input type=\"hidden\" name=\"s4u_register_nonce\" value=\"1\">\r\n      <input type=\"hidden\" name=\"redirect_to\" id=\"s4u_redirect_to\" value=\"\/my-account\/\">\r\n\r\n      <label class=\"s4u-checkbox\">\r\n        <input type=\"checkbox\" name=\"terms_accepted\" value=\"1\" required>\r\n        <span>I\u2019ve read & accepted the terms and condition of this site.<\/span>\r\n      <\/label>\r\n\r\n      <button type=\"submit\" class=\"s4u-register-main-btn\" id=\"s4u-create-account-btn\">\r\n        Create Account\r\n      <\/button>\r\n\r\n      <a href=\"\/login\/\" class=\"s4u-register-secondary-btn\">Login<\/a>\r\n\r\n    <\/form>\r\n  <\/div>\r\n\r\n  <div class=\"s4u-register-illustration-col\">\r\n    <div class=\"s4u-register-illustration-box\">\r\n      <img decoding=\"async\" src=\"https:\/\/dev.sticker4u.dk\/wp-content\/uploads\/2026\/03\/Frame-236.svg\" alt=\"\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('click', function(e) {\r\n  const btn = e.target.closest('.s4u-toggle-pass');\r\n  if (!btn) return;\r\n\r\n  const input = document.getElementById(btn.dataset.target);\r\n  if (!input) return;\r\n\r\n  input.type = input.type === 'password' ? 'text' : 'password';\r\n});\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  const form = document.getElementById('s4uRegisterForm');\r\n  const emailInput = document.getElementById('s4u_reg_email');\r\n  const passwordInput = document.getElementById('s4u_reg_password');\r\n  const confirmInput = document.getElementById('s4u_reg_confirm_password');\r\n  const phoneInput = document.getElementById('s4u_reg_phone');\r\n  const fullPhone = document.getElementById('s4u_full_phone');\r\n  const redirectInput = document.getElementById('s4u_redirect_to');\r\n  const errorBox = document.getElementById('s4u-register-error');\r\n  const submitBtn = document.getElementById('s4u-create-account-btn');\r\n\r\n  const strengthWrap = document.getElementById('s4uStrengthWrap');\r\n  const strengthText = document.getElementById('s4uStrengthText');\r\n  const bars = strengthWrap ? strengthWrap.querySelectorAll('.s4u-strength-bars span') : [];\r\n\r\n  function showError(message) {\r\n    errorBox.style.display = 'block';\r\n    errorBox.textContent = message;\r\n  }\r\n\r\n  function hideError() {\r\n    errorBox.style.display = 'none';\r\n  }\r\n\r\n  function setStrength(score, text, color) {\r\n    bars.forEach((bar, index) => {\r\n      bar.style.background = index < score ? color : '#D9D9D9';\r\n    });\r\n    strengthText.textContent = text;\r\n    strengthText.style.color = color;\r\n  }\r\n\r\n  passwordInput.addEventListener('input', function () {\r\n    const val = passwordInput.value.trim();\r\n\r\n    if (!val.length) {\r\n      strengthWrap.style.display = 'none';\r\n      return;\r\n    }\r\n\r\n    strengthWrap.style.display = 'block';\r\n\r\n    let score = 0;\r\n    if (val.length >= 6) score++;\r\n    if (val.length >= 8) score++;\r\n    if (\/[A-Z]\/.test(val)) score++;\r\n    if (\/[0-9]\/.test(val)) score++;\r\n    if (\/[^A-Za-z0-9]\/.test(val)) score++;\r\n\r\n    if (score <= 2) {\r\n      setStrength(2, 'Weak Password', '#C0392B');\r\n    } else if (score <= 4) {\r\n      setStrength(4, 'Medium Password', '#D68910');\r\n    } else {\r\n      setStrength(5, 'Strong Password', '#1D8F3A');\r\n    }\r\n  });\r\n\r\n  phoneInput.addEventListener('input', function () {\r\n    this.value = this.value.replace(\/\\D\/g, '').slice(0, 15);\r\n  });\r\n\r\n  confirmInput.addEventListener('input', function () {\r\n    if (passwordInput.value !== confirmInput.value) {\r\n      confirmInput.setCustomValidity('Passwords do not match');\r\n    } else {\r\n      confirmInput.setCustomValidity('');\r\n    }\r\n  });\r\n\r\n  form.addEventListener('submit', function (e) {\r\n\r\n    hideError();\r\n\r\n    const email = emailInput.value.trim();\r\n    const password = passwordInput.value;\r\n    const confirm = confirmInput.value;\r\n    const phone = phoneInput.value.trim();\r\n\r\n    if (!email) {\r\n      e.preventDefault();\r\n      showError('Email is required.');\r\n      return;\r\n    }\r\n\r\n    if (!password || password.length < 6) {\r\n      e.preventDefault();\r\n      showError('Password must be at least 6 characters.');\r\n      return;\r\n    }\r\n\r\n    if (password !== confirm) {\r\n      e.preventDefault();\r\n      showError('Passwords do not match.');\r\n      return;\r\n    }\r\n\r\n    if (!phone || !\/^\\d{6,15}$\/.test(phone)) {\r\n      e.preventDefault();\r\n      showError('Please enter a valid phone number.');\r\n      return;\r\n    }\r\n\r\n    \/\/ \ud83d\udd25 LOCKED PREFIX\r\n    fullPhone.value = '+45' + phone;\r\n\r\n    submitBtn.disabled = true;\r\n    submitBtn.textContent = 'Creating...';\r\n\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Create an account Email Password Strong Password Confirm Password +45 I\u2019ve read &#038; accepted the terms and condition of this site. Create Account Login<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-43163","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/pages\/43163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/comments?post=43163"}],"version-history":[{"count":64,"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/pages\/43163\/revisions"}],"predecessor-version":[{"id":46427,"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/pages\/43163\/revisions\/46427"}],"wp:attachment":[{"href":"https:\/\/dev.sticker4u.dk\/da\/wp-json\/wp\/v2\/media?parent=43163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}