{"id":2274,"date":"2026-04-16T23:19:07","date_gmt":"2026-04-17T03:19:07","guid":{"rendered":"https:\/\/dzimporterz.com\/?page_id=2274"},"modified":"2026-04-16T23:47:58","modified_gmt":"2026-04-17T03:47:58","slug":"new-customer-account-registration","status":"publish","type":"page","link":"https:\/\/dzimporterz.com\/index.php\/new-customer-account-registration\/","title":{"rendered":"New Customer Account Registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2274\" class=\"elementor elementor-2274\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48cba080 e-flex e-con-boxed e-con e-parent\" data-id=\"48cba080\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14842699 elementor-widget elementor-widget-text-editor\" data-id=\"14842699\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<pre class=\"wp-block-code\"><code><\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:html --><br \/><br \/><br \/><br \/><br \/><br \/><br \/><\/p>\n<p><style>\n    :root {<br \/>      --bg: #f5f1ea;<br \/>      --surface: #ffffff;<br \/>      --surface-soft: #faf7f2;<br \/>      --border: #d8cec0;<br \/>      --text: #2f2a24;<br \/>      --muted: #7c6f62;<br \/>      --heading: #1f1a15;<br \/>      --accent: #7d5a3a;<br \/>      --accent-dark: #62452d;<br \/>      --shadow: 0 20px 45px rgba(58, 42, 28, 0.12);<br \/>      --radius: 18px;<br \/>      --radius-sm: 10px;<br \/>      --success-bg: #ecfdf3;<br \/>      --success-border: #abefc6;<br \/>      --success-text: #027a48;<br \/>      --error-bg: #fef3f2;<br \/>      --error-border: #fecdca;<br \/>      --error-text: #b42318;<br \/>    }<\/p>\n<p>    * {<br \/>      box-sizing: border-box;<br \/>    }<\/p>\n<p>    body {<br \/>      margin: 0;<br \/>      font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;<br \/>      background:<br \/>        radial-gradient(circle at top left, rgba(255,255,255,0.85), transparent 30%),<br \/>        linear-gradient(180deg, #f8f4ee 0%, #f1ebe2 100%);<br \/>      color: var(--text);<br \/>      padding: 36px 18px;<br \/>    }<\/p>\n<p>    .page-shell {<br \/>      max-width: 980px;<br \/>      margin: 0 auto;<br \/>    }<\/p>\n<p>    .form-card {<br \/>      background: var(--surface);<br \/>      border: 1px solid rgba(185, 171, 152, 0.5);<br \/>      border-radius: 28px;<br \/>      overflow: hidden;<br \/>      box-shadow: var(--shadow);<br \/>    }<\/p>\n<p>    .hero {<br \/>      padding: 38px 42px 28px;<br \/>      background: linear-gradient(135deg, rgba(125, 90, 58, 0.08), rgba(255,255,255,0.7));<br \/>      border-bottom: 1px solid rgba(185, 171, 152, 0.35);<br \/>    }<\/p>\n<p>    .eyebrow {<br \/>      display: inline-block;<br \/>      font-size: 12px;<br \/>      letter-spacing: 0.16em;<br \/>      text-transform: uppercase;<br \/>      color: var(--accent);<br \/>      font-weight: 700;<br \/>      margin-bottom: 10px;<br \/>    }<\/p>\n<p>    .hero h1 {<br \/>      margin: 0;<br \/>      font-size: clamp(30px, 4vw, 44px);<br \/>      line-height: 1.1;<br \/>      color: var(--heading);<br \/>      font-weight: 800;<br \/>      letter-spacing: -0.02em;<br \/>    }<\/p>\n<p>    .hero p {<br \/>      margin: 12px 0 0;<br \/>      max-width: 720px;<br \/>      color: var(--muted);<br \/>      font-size: 15px;<br \/>      line-height: 1.65;<br \/>    }<\/p>\n<p>    form {<br \/>      padding: 34px;<br \/>    }<\/p>\n<p>    .section {<br \/>      background: var(--surface-soft);<br \/>      border: 1px solid var(--border);<br \/>      border-radius: var(--radius);<br \/>      padding: 22px;<br \/>      margin-bottom: 22px;<br \/>    }<\/p>\n<p>    .section-title {<br \/>      margin: 0 0 18px;<br \/>      color: var(--heading);<br \/>      font-size: 18px;<br \/>      font-weight: 800;<br \/>      letter-spacing: -0.01em;<br \/>    }<\/p>\n<p>    .grid {<br \/>      display: grid;<br \/>      grid-template-columns: repeat(2, minmax(0, 1fr));<br \/>      gap: 18px;<br \/>    }<\/p>\n<p>    .field {<br \/>      display: flex;<br \/>      flex-direction: column;<br \/>      gap: 8px;<br \/>    }<\/p>\n<p>    .field.full {<br \/>      grid-column: 1 \/ -1;<br \/>    }<\/p>\n<p>    label,<br \/>    .group-label {<br \/>      font-size: 13px;<br \/>      font-weight: 700;<br \/>      color: var(--muted);<br \/>      letter-spacing: 0.01em;<br \/>    }<\/p>\n<p>    input[type=\"text\"],<br \/>    input[type=\"email\"],<br \/>    input[type=\"date\"],<br \/>    textarea {<br \/>      width: 100%;<br \/>      border: 1px solid var(--border);<br \/>      background: #fff;<br \/>      color: var(--text);<br \/>      padding: 14px 15px;<br \/>      font-size: 15px;<br \/>      border-radius: var(--radius-sm);<br \/>      outline: none;<br \/>      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;<br \/>    }<\/p>\n<p>    input:focus,<br \/>    textarea:focus {<br \/>      border-color: var(--accent);<br \/>      box-shadow: 0 0 0 4px rgba(125, 90, 58, 0.12);<br \/>      transform: translateY(-1px);<br \/>    }<\/p>\n<p>    textarea {<br \/>      min-height: 130px;<br \/>      resize: vertical;<br \/>    }<\/p>\n<p>    .choice-box {<br \/>      border: 1px solid var(--border);<br \/>      background: #fff;<br \/>      border-radius: 14px;<br \/>      padding: 14px 16px;<br \/>      display: grid;<br \/>      gap: 12px;<br \/>      transition: border-color 0.2s ease, box-shadow 0.2s ease;<br \/>    }<\/p>\n<p>    .choice-list {<br \/>      display: grid;<br \/>      gap: 10px;<br \/>    }<\/p>\n<p>    .choice-list.inline {<br \/>      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));<br \/>      gap: 12px;<br \/>    }<\/p>\n<p>    .choice-list label {<br \/>      display: flex;<br \/>      align-items: center;<br \/>      gap: 10px;<br \/>      font-size: 14px;<br \/>      font-weight: 600;<br \/>      color: var(--text);<br \/>      cursor: pointer;<br \/>    }<\/p>\n<p>    input[type=\"radio\"] {<br \/>      accent-color: var(--accent);<br \/>      transform: scale(1.08);<br \/>    }<\/p>\n<p>    .help-text {<br \/>      font-size: 12px;<br \/>      color: var(--muted);<br \/>      margin-top: -2px;<br \/>    }<\/p>\n<p>    .field-error {<br \/>      display: none;<br \/>      font-size: 12px;<br \/>      color: var(--error-text);<br \/>      font-weight: 600;<br \/>    }<\/p>\n<p>    .field.invalid input,<br \/>    .field.invalid textarea,<br \/>    .field.invalid .choice-box {<br \/>      border-color: #d92d20;<br \/>      box-shadow: 0 0 0 4px rgba(217, 45, 32, 0.08);<br \/>    }<\/p>\n<p>    .field.invalid .field-error {<br \/>      display: block;<br \/>    }<\/p>\n<p>    .form-message {<br \/>      display: none;<br \/>      margin: 0 0 18px;<br \/>      padding: 14px 16px;<br \/>      border-radius: 14px;<br \/>      font-size: 14px;<br \/>      font-weight: 600;<br \/>      line-height: 1.5;<br \/>    }<\/p>\n<p>    .form-message.success {<br \/>      display: block;<br \/>      background: var(--success-bg);<br \/>      color: var(--success-text);<br \/>      border: 1px solid var(--success-border);<br \/>    }<\/p>\n<p>    .form-message.error {<br \/>      display: block;<br \/>      background: var(--error-bg);<br \/>      color: var(--error-text);<br \/>      border: 1px solid var(--error-border);<br \/>    }<\/p>\n<p>    .footer-bar {<br \/>      display: flex;<br \/>      justify-content: space-between;<br \/>      align-items: center;<br \/>      gap: 16px;<br \/>      padding: 8px 2px 0;<br \/>      flex-wrap: wrap;<br \/>    }<\/p>\n<p>    .footer-note {<br \/>      font-size: 13px;<br \/>      color: var(--muted);<br \/>      line-height: 1.5;<br \/>      max-width: 520px;<br \/>    }<\/p>\n<p>    .submit-btn {<br \/>      border: none;<br \/>      background: linear-gradient(135deg, var(--accent), var(--accent-dark));<br \/>      color: #fff;<br \/>      padding: 15px 24px;<br \/>      min-width: 220px;<br \/>      border-radius: 999px;<br \/>      font-size: 15px;<br \/>      font-weight: 800;<br \/>      letter-spacing: 0.02em;<br \/>      cursor: pointer;<br \/>      box-shadow: 0 12px 24px rgba(98, 69, 45, 0.2);<br \/>      transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;<br \/>    }<\/p>\n<p>    .submit-btn:hover {<br \/>      transform: translateY(-2px);<br \/>      box-shadow: 0 16px 30px rgba(98, 69, 45, 0.24);<br \/>    }<\/p>\n<p>    .submit-btn.is-loading {<br \/>      pointer-events: none;<br \/>      opacity: 0.92;<br \/>    }<\/p>\n<p>    @media (max-width: 768px) {<br \/>      .hero {<br \/>        padding: 30px 24px 22px;<br \/>      }<\/p>\n<p>      form {<br \/>        padding: 22px;<br \/>      }<\/p>\n<p>      .grid {<br \/>        grid-template-columns: 1fr;<br \/>      }<\/p>\n<p>      .section {<br \/>        padding: 18px;<br \/>      }<\/p>\n<p>      .submit-btn {<br \/>        width: 100%;<br \/>      }<br \/>    }<br \/>  <\/style><\/p>\n<p>\u00a0<\/p>\n<div class=\"page-shell\">\n<div class=\"form-card\">\n<div class=\"hero\"><span class=\"eyebrow\">DZ Importerz Customer Intake<\/span>\n<p>\u00a0<\/p>\n<h1>New Customer Account Registration<\/h1>\n<p>Please complete the form below to request a new customer account.<br \/>Once submitted, our team will review your information and follow up<br \/>as needed to complete onboarding.<\/p>\n<\/div>\n<form id=\"customerApplicationForm\" novalidate=\"\">\n<section class=\"section\">\n<h2 class=\"section-title\">Company Details<\/h2>\n<div class=\"grid\">\n<div class=\"field\"><label for=\"application_date\">Date<\/label><br \/><input id=\"application_date\" name=\"application_date\" type=\"date\" \/><\/div>\n<div class=\"field\"><label for=\"company_name\">Company Name<\/label><br \/><input id=\"company_name\" name=\"company_name\" type=\"text\" placeholder=\"Enter company name\" \/><\/div>\n<\/div>\n<\/section>\n<section class=\"section\">\n<h2 class=\"section-title\">Client \/ Account Information<\/h2>\n<div class=\"grid\">\n<div class=\"field\"><label for=\"license_number\">License Number<\/label><br \/><input id=\"license_number\" name=\"license_number\" required=\"\" type=\"text\" placeholder=\"Enter license number\" \/><br \/><span class=\"field-error\">Please enter the business license number.<\/span><\/div>\n<div class=\"field\"><label for=\"contact_name\">Contact Name<\/label><br \/><input id=\"contact_name\" name=\"contact_name\" required=\"\" type=\"text\" placeholder=\"Enter contact name\" \/><br \/><span class=\"field-error\">Please enter the primary contact name.<\/span><\/div>\n<div class=\"field\"><label for=\"contact_title\">Title<\/label><br \/><input id=\"contact_title\" name=\"contact_title\" type=\"text\" placeholder=\"Enter title\" \/><\/div>\n<div class=\"field\"><label for=\"email\">E-mail Address<\/label><br \/><input id=\"email\" name=\"email\" required=\"\" type=\"email\" placeholder=\"name@business.com\" \/><br \/><span class=\"field-error\">Please enter a valid email address.<\/span><\/div>\n<\/div>\n<\/section>\n<section class=\"section\">\n<h2 class=\"section-title\">Business Information<\/h2>\n<div class=\"grid\">\n<div class=\"field full\"><label for=\"business_name\">Business Name<\/label><br \/><input id=\"business_name\" name=\"business_name\" required=\"\" type=\"text\" placeholder=\"Enter business name\" \/><br \/><span class=\"field-error\">Please enter the business name.<\/span><\/div>\n<div class=\"field full\"><label for=\"address\">Address<\/label><br \/><input id=\"address\" name=\"address\" required=\"\" type=\"text\" placeholder=\"Street address\" \/><br \/><span class=\"field-error\">Please enter the business address.<\/span><\/div>\n<div class=\"field\"><label for=\"city\">City<\/label><br \/><input id=\"city\" name=\"city\" required=\"\" type=\"text\" placeholder=\"City\" \/><br \/><span class=\"field-error\">Please enter the city.<\/span><\/div>\n<div class=\"field\"><label for=\"postal_zip_code\">Postal \/ Zip Code<\/label><br \/><input id=\"postal_zip_code\" name=\"postal_zip_code\" required=\"\" type=\"text\" placeholder=\"Zip code\" \/><br \/><span class=\"field-error\">Please enter the zip code.<\/span><\/div>\n<div class=\"field full\" data-radio-group=\"establishment_type\"><span class=\"group-label\">Establishment Type<\/span>\n<p>\u00a0<\/p>\n<div class=\"choice-box\">\n<div class=\"choice-list inline\"><label><input name=\"establishment_type\" type=\"radio\" value=\"Wholesaler\" \/> Wholesaler<\/label><br \/><label><input name=\"establishment_type\" type=\"radio\" value=\"Off Premise\" \/> Off Premise<\/label><br \/><label><input name=\"establishment_type\" type=\"radio\" value=\"On Premise\" \/> On Premise<\/label><\/div>\n<\/div>\n<p><span class=\"field-error\">Please select an establishment type.<\/span><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"section\">\n<h2 class=\"section-title\">Delivery &amp; Payment<\/h2>\n<div class=\"grid\">\n<div class=\"field full\"><label for=\"delivery_hours\">Delivery Hours<\/label><br \/><input id=\"delivery_hours\" name=\"delivery_hours\" type=\"text\" placeholder=\"Example: Monday\u2013Friday, 9:00 AM \u2013 4:00 PM\" \/>\n<p>\u00a0<\/p>\n<div class=\"help-text\">Optional, but helpful for faster onboarding and routing.<\/div>\n<\/div>\n<div class=\"field\"><span class=\"group-label\">Delivery Instructions<\/span>\n<p>\u00a0<\/p>\n<div class=\"choice-box\">\n<div class=\"choice-list\"><label><input name=\"delivery_instructions\" type=\"radio\" value=\"Front Door\" \/> Front Door<\/label><br \/><label><input name=\"delivery_instructions\" type=\"radio\" value=\"Back Door\" \/> Back Door<\/label><\/div>\n<\/div>\n<\/div>\n<div class=\"field\"><span class=\"group-label\">Payment Options<\/span>\n<p>\u00a0<\/p>\n<div class=\"choice-box\">\n<div class=\"choice-list\"><label><input name=\"payment_option\" type=\"radio\" value=\"ACH\" \/> ACH<\/label><br \/><label><input name=\"payment_option\" type=\"radio\" value=\"Mail Check\" \/> Melio<\/label><br \/><label><input name=\"payment_option\" type=\"radio\" value=\"Pickup Check\" \/> Pickup Check<\/label><br \/><label><input name=\"payment_option\" type=\"radio\" value=\"Zelle\" \/> Zelle<\/label><\/div>\n<\/div>\n<\/div>\n<div class=\"field full\"><label for=\"additional_info\">Additional Information<\/label><br \/><textarea id=\"additional_info\" name=\"additional_info\" placeholder=\"Add any notes, special requests, or important account details here\"><\/textarea><\/div>\n<\/div>\n<\/section>\n<div id=\"formMessage\" class=\"form-message\" aria-live=\"polite\">\u00a0<\/div>\n<div class=\"footer-bar\">\n<div class=\"footer-note\">Complete the application and submit securely. Your request will be sent directly to the DZ Importerz team for review.<\/div>\n<p><button id=\"submitBtn\" class=\"submit-btn\" type=\"submit\"><br \/><span class=\"btn-text\">Submit Application<\/span><br \/><span class=\"btn-loading\" hidden=\"\">Sending&#8230;<\/span><br \/><\/button><\/p>\n<\/div>\n<\/form><\/div>\n<\/div>\n<p><script>\n    const form = document.getElementById(\"customerApplicationForm\");\n    const submitBtn = document.getElementById(\"submitBtn\");\n    const messageBox = document.getElementById(\"formMessage\");\n\n    function showMessage(type, text) {\n      messageBox.className = `form-message ${type}`;\n      messageBox.textContent = text;\n    }\n\n    function clearMessage() {\n      messageBox.className = \"form-message\";\n      messageBox.textContent = \"\";\n    }\n\n    function setLoading(isLoading) {\n      submitBtn.classList.toggle(\"is-loading\", isLoading);\n      submitBtn.querySelector(\".btn-text\").hidden = isLoading;\n      submitBtn.querySelector(\".btn-loading\").hidden = !isLoading;\n      submitBtn.disabled = isLoading;\n    }\n\n    function validateRadioGroup(name) {\n      const radios = form.querySelectorAll(`input[name=\"${name}\"]`);\n      const field = form.querySelector(`[data-radio-group=\"${name}\"]`);\n      const isChecked = Array.from(radios).some((radio) => radio.checked);\n\n      if (field) {\n        field.classList.toggle(\"invalid\", !isChecked);\n      }\n\n      return isChecked;\n    }\n\n    function validateField(field) {\n      const input = field.querySelector(\"input[required], textarea[required], select[required]\");\n      if (!input) return true;\n\n      const isValid = input.checkValidity();\n      field.classList.toggle(\"invalid\", !isValid);\n      return isValid;\n    }\n\n    function validateForm() {\n      clearMessage();\n      let valid = true;\n\n      form.querySelectorAll(\".field\").forEach((field) => {\n        if (!validateField(field)) valid = false;\n      });\n\n      if (!validateRadioGroup(\"establishment_type\")) valid = false;\n\n      return valid;\n    }\n\n    form.querySelectorAll(\"input, textarea\").forEach((el) => {\n      el.addEventListener(\"input\", () => {\n        const field = el.closest(\".field\");\n        if (field) field.classList.remove(\"invalid\");\n        clearMessage();\n      });\n\n      el.addEventListener(\"change\", () => {\n        if (el.name === \"establishment_type\") {\n          validateRadioGroup(\"establishment_type\");\n        }\n      });\n    });\n\n    form.addEventListener(\"submit\", async (event) => {\n      event.preventDefault();\n\n      if (!validateForm()) {\n        showMessage(\"error\", \"Please review the highlighted fields and complete the required information.\");\n        return;\n      }\n\n      const formData = new FormData(form);\n\n      try {\n        setLoading(true);\n        clearMessage();\n\n        const response = await fetch(\"\/wp-content\/themes\/astra\/submit-application.php\", {\n          method: \"POST\",\n          body: formData\n        });\n\n        const result = await response.json();\n\n        if (!response.ok || !result.success) {\n          throw new Error(result.message || \"Submission failed\");\n        }\n\n        form.reset();\n        showMessage(\"success\", \"Thank you. Your application has been submitted successfully and the DZ Importerz team will review it shortly.\");\n      } catch (error) {\n        showMessage(\"error\", \"We could not submit the form at this time. Please try again in a moment or email orders@dzimporterz.com directly.\");\n      } finally {\n        setLoading(false);\n      }\n    });\n  <\/script><br \/><br \/><br \/><!-- \/wp:html --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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>\u00a0 DZ Importerz Customer Intake \u00a0 New Customer Account Registration Please complete the form below to request a new customer account.Once submitted, our team will review your information and follow upas needed to complete onboarding. Company Details Date Company Name Client \/ Account Information License NumberPlease enter the business license number. Contact NamePlease enter the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-2274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":11,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274\/revisions"}],"predecessor-version":[{"id":2287,"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/pages\/2274\/revisions\/2287"}],"wp:attachment":[{"href":"https:\/\/dzimporterz.com\/index.php\/wp-json\/wp\/v2\/media?parent=2274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}