{"id":3179,"date":"2026-03-18T02:05:53","date_gmt":"2026-03-18T02:05:53","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=3179"},"modified":"2026-03-18T02:07:54","modified_gmt":"2026-03-18T02:07:54","slug":"cost-estimator","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/industries\/ev-charging-station\/cost-estimator\/","title":{"rendered":"estimador de costos"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-85c3428\" data-block-id=\"85c3428\"><style>.stk-85c3428 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-85c3428-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c2eaf16\" data-v=\"4\" data-block-id=\"c2eaf16\"><style>.stk-c2eaf16-container{margin-top:var(--stk--preset--spacing--60, 2.25rem) !important;margin-right:var(--stk--preset--spacing--60, 2.25rem) !important;margin-bottom:var(--stk--preset--spacing--60, 2.25rem) !important;margin-left:var(--stk--preset--spacing--60, 2.25rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c2eaf16-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-c2eaf16-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-901ddb4\" data-block-id=\"901ddb4\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-901ddb4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-79cf092\" data-v=\"4\" data-block-id=\"79cf092\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-79cf092-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-79cf092-inner-blocks\">\n<!-- tool-2-cost-estimator.html -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"bx-cost-estimator-v1\">\n<style>\n#bx-cost-estimator-v1 {\n  --primary: #304890;\n  --accent: #1860A8;\n  --secondary: #1878C0;\n  --bg: #f4f7fc;\n  --card: #ffffff;\n  --border: #d0daea;\n  --text: #1a2340;\n  --muted: #5a6a8a;\n  --green: #1a7a4a;\n  --green-bg: #eafaf2;\n  --orange: #c05a10;\n  --orange-bg: #fff4ec;\n  --mono: 'IBM Plex Mono', monospace;\n  font-family: inherit;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px 20px;\n  box-sizing: border-box;\n  color: var(--text);\n}\n#bx-cost-estimator-v1 *, #bx-cost-estimator-v1 *::before, #bx-cost-estimator-v1 *::after {\n  box-sizing: border-box;\n}\n#bx-cost-estimator-v1 h2 {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  color: var(--primary);\n  margin: 0 0 8px;\n}\n#bx-cost-estimator-v1 .bx-sub {\n  color: var(--muted);\n  margin: 0 0 28px;\n}\n#bx-cost-estimator-v1 .bx-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px 28px;\n}\n#bx-cost-estimator-v1 .bx-field {\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n}\n#bx-cost-estimator-v1 .bx-field.full {\n  grid-column: 1 \/ -1;\n}\n#bx-cost-estimator-v1 label {\n  font-weight: 600;\n  font-size: 0.85rem;\n  color: var(--primary);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n#bx-cost-estimator-v1 .bx-sw {\n  position: relative;\n}\n#bx-cost-estimator-v1 .bx-sw::after {\n  content: '\u25be';\n  position: absolute;\n  right: 13px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--accent);\n}\n#bx-cost-estimator-v1 select {\n  width: 100%;\n  height: 44px !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  border: 1.5px solid var(--border);\n  border-radius: 8px;\n  padding: 0 38px 0 13px;\n  font-size: 0.93rem;\n  font-family: inherit;\n  color: var(--text);\n  background: var(--card);\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.18s;\n}\n#bx-cost-estimator-v1 select:focus {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 3px rgba(24,96,168,0.11);\n}\n#bx-cost-estimator-v1 input[type=\"number\"] {\n  width: 100%;\n  height: 44px;\n  border: 1.5px solid var(--border);\n  border-radius: 8px;\n  padding: 0 13px;\n  font-size: 0.93rem;\n  font-family: var(--mono);\n  color: var(--text);\n  outline: none;\n  transition: border-color 0.18s;\n}\n#bx-cost-estimator-v1 input[type=\"number\"]:focus {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 3px rgba(24,96,168,0.11);\n}\n#bx-cost-estimator-v1 .bx-checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n#bx-cost-estimator-v1 .bx-check-label {\n  position: relative;\n  cursor: pointer;\n}\n#bx-cost-estimator-v1 .bx-check-label input[type=\"checkbox\"] {\n  position: absolute !important;\n  opacity: 0 !important;\n  width: 0; height: 0;\n}\n#bx-cost-estimator-v1 .bx-check-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 14px;\n  border: 1.5px solid var(--border);\n  border-radius: 6px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  color: var(--muted);\n  background: var(--card);\n  transition: all 0.15s;\n  user-select: none;\n}\n#bx-cost-estimator-v1 .bx-check-label input[type=\"checkbox\"]:checked + .bx-check-btn {\n  border-color: var(--accent);\n  background: #e8f0fb;\n  color: var(--accent);\n  font-weight: 600;\n}\n#bx-cost-estimator-v1 .bx-check-label:hover .bx-check-btn {\n  border-color: var(--accent);\n}\n#bx-cost-estimator-v1 .bx-adder {\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  color: var(--orange);\n  margin-left: 2px;\n}\n#bx-cost-estimator-v1 .bx-btn {\n  background: var(--primary);\n  color: #fff;\n  border: none;\n  border-radius: 8px;\n  padding: 13px 36px;\n  font-size: 1rem;\n  font-weight: 600;\n  font-family: inherit;\n  cursor: pointer;\n  transition: background 0.18s, transform 0.1s;\n  margin-top: 8px;\n}\n#bx-cost-estimator-v1 .bx-btn:hover { background: var(--accent); transform: translateY(-1px); }\n#bx-cost-estimator-v1 .bx-btn:active { transform: translateY(0); }\n#bx-cost-estimator-v1 .bx-result {\n  display: none;\n  margin-top: 32px;\n}\n#bx-cost-estimator-v1 .bx-result.visible { display: block; }\n#bx-cost-estimator-v1 .bx-cards {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n#bx-cost-estimator-v1 .bx-card {\n  background: var(--card);\n  border: 1.5px solid var(--border);\n  border-radius: 12px;\n  padding: 20px;\n  text-align: center;\n}\n#bx-cost-estimator-v1 .bx-card.highlight {\n  border-color: var(--accent);\n  background: #e8f0fb;\n}\n#bx-cost-estimator-v1 .bx-card-label {\n  font-size: 0.78rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--muted);\n  margin-bottom: 8px;\n}\n#bx-cost-estimator-v1 .bx-card.highlight .bx-card-label {\n  color: var(--accent);\n}\n#bx-cost-estimator-v1 .bx-card-value {\n  font-family: var(--mono);\n  font-size: 1.6rem;\n  font-weight: 600;\n  color: var(--primary);\n  line-height: 1.1;\n}\n#bx-cost-estimator-v1 .bx-card.highlight .bx-card-value {\n  color: var(--accent);\n}\n#bx-cost-estimator-v1 .bx-card-note {\n  font-size: 0.76rem;\n  color: var(--muted);\n  margin-top: 5px;\n}\n#bx-cost-estimator-v1 .bx-breakdown {\n  background: var(--bg);\n  border: 1.5px solid var(--border);\n  border-radius: 10px;\n  padding: 20px 24px;\n  margin-bottom: 20px;\n}\n#bx-cost-estimator-v1 .bx-breakdown h3 {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  font-size: 0.9rem;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--primary);\n  margin: 0 0 14px;\n}\n#bx-cost-estimator-v1 .bx-brow {\n  display: flex;\n  justify-content: space-between;\n  padding: 7px 0;\n  border-bottom: 1px solid var(--border);\n  font-size: 0.88rem;\n}\n#bx-cost-estimator-v1 .bx-brow:last-child { border-bottom: none; }\n#bx-cost-estimator-v1 .bx-brow-key { color: var(--muted); }\n#bx-cost-estimator-v1 .bx-brow-val { font-family: var(--mono); font-weight: 600; color: var(--text); }\n#bx-cost-estimator-v1 .bx-disclaimer {\n  font-size: 0.8rem;\n  color: var(--muted);\n  background: var(--orange-bg);\n  border-left: 3px solid var(--orange);\n  padding: 10px 14px;\n  border-radius: 0 6px 6px 0;\n  margin-bottom: 20px;\n}\n#bx-cost-estimator-v1 .bx-cta {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n#bx-cost-estimator-v1 .bx-cta a {\n  display: inline-block;\n  background: var(--accent);\n  color: #fff !important;\n  text-decoration: none !important;\n  padding: 13px 30px;\n  border-radius: 8px;\n  font-weight: 600;\n  font-size: 0.95rem;\n  transition: background 0.18s;\n}\n#bx-cost-estimator-v1 .bx-cta a:hover { background: var(--primary); }\n#bx-cost-estimator-v1 .bx-cta-note { font-size: 0.82rem; color: var(--muted); }\n@media (max-width: 860px) {\n  #bx-cost-estimator-v1 .bx-layout { grid-template-columns: 1fr; }\n  #bx-cost-estimator-v1 .bx-field.full { grid-column: 1; }\n  #bx-cost-estimator-v1 .bx-cards { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<h2>EV Charger Glass Cost Estimator<\/h2>\n<p class=\"bx-sub\">Get an indicative price range for your custom glass specification. Final pricing via formal quote.<\/p>\n\n<div class=\"bx-layout\">\n  <div class=\"bx-field\">\n    <label for=\"bx-c-thickness\">Glass Thickness<\/label>\n    <div class=\"bx-sw\">\n      <select id=\"bx-c-thickness\">\n        <option value=\"\">\u2014 Select \u2014<\/option>\n        <option value=\"1\">1mm<\/option>\n        <option value=\"2\">2mm<\/option>\n        <option value=\"3\" selected>3mm (most common)<\/option>\n        <option value=\"4\">4mm<\/option>\n        <option value=\"5\">5mm (+30% vs 3mm)<\/option>\n        <option value=\"6\">6mm<\/option>\n        <option value=\"8\">8mm<\/option>\n      <\/select>\n    <\/div>\n  <\/div>\n\n  <div class=\"bx-field\">\n    <label for=\"bx-c-size\">Display Size<\/label>\n    <div class=\"bx-sw\">\n      <select id=\"bx-c-size\">\n        <option value=\"\">\u2014 Select \u2014<\/option>\n        <option value=\"7\">7\u2033 (small)<\/option>\n        <option value=\"10\">10\u2033<\/option>\n        <option value=\"15\">15\u2033<\/option>\n        <option value=\"21\">21\u2033<\/option>\n        <option value=\"27\">27\u2033<\/option>\n        <option value=\"32\">32\u2033<\/option>\n        <option value=\"43\">43\u2033 (large)<\/option>\n      <\/select>\n    <\/div>\n  <\/div>\n\n  <div class=\"bx-field\">\n    <label for=\"bx-c-qty\">Order Quantity (pcs)<\/label>\n    <input type=\"number\" id=\"bx-c-qty\" min=\"1\" max=\"999999\" placeholder=\"e.g. 500\" value=\"500\">\n  <\/div>\n\n  <div class=\"bx-field\">\n    <label for=\"bx-c-edge\">Edge Treatment<\/label>\n    <div class=\"bx-sw\">\n      <select id=\"bx-c-edge\">\n        <option value=\"cnc\">CNC Ground (standard)<\/option>\n        <option value=\"polished\">CNC Ground + Polished (+~10%)<\/option>\n        <option value=\"beveled\">Beveled (+~10%)<\/option>\n      <\/select>\n    <\/div>\n  <\/div>\n\n  <div class=\"bx-field full\">\n    <label>Coatings &amp; Treatments<\/label>\n    <div class=\"bx-checks\">\n      <label class=\"bx-check-label\">\n        <input type=\"checkbox\" value=\"ar\" data-cost=\"20\">\n        <span class=\"bx-check-btn\">AR Anti-Reflective <span class=\"bx-adder\">+15\u201325%<\/span><\/span>\n      <\/label>\n      <label class=\"bx-check-label\">\n        <input type=\"checkbox\" value=\"ag\" data-cost=\"10\">\n        <span class=\"bx-check-btn\">AG Anti-Glare <span class=\"bx-adder\">+10%<\/span><\/span>\n      <\/label>\n      <label class=\"bx-check-label\">\n        <input type=\"checkbox\" value=\"af\" data-cost=\"8\">\n        <span class=\"bx-check-btn\">AF Anti-Fingerprint <span class=\"bx-adder\">+8%<\/span><\/span>\n      <\/label>\n      <label class=\"bx-check-label\">\n        <input type=\"checkbox\" value=\"ito\" data-cost=\"35\">\n        <span class=\"bx-check-btn\">ITO Touch Layer <span class=\"bx-adder\">+30\u201340%<\/span><\/span>\n      <\/label>\n      <label class=\"bx-check-label\">\n        <input type=\"checkbox\" value=\"print\" data-cost=\"12\">\n        <span class=\"bx-check-btn\">Ceramic Ink Printing <span class=\"bx-adder\">+12%<\/span><\/span>\n      <\/label>\n    <\/div>\n  <\/div>\n<\/div>\n\n<button type=\"button\" class=\"bx-btn\" id=\"bx-calc-cost\">Calculate Cost Range \u2192<\/button>\n\n<div class=\"bx-result\" id=\"bx-cost-result\">\n  <div class=\"bx-cards\">\n    <div class=\"bx-card\">\n      <div class=\"bx-card-label\">Unit Price (Low)<\/div>\n      <div class=\"bx-card-value\" id=\"bx-price-low\">\u2014<\/div>\n      <div class=\"bx-card-note\">est. per piece<\/div>\n    <\/div>\n    <div class=\"bx-card highlight\">\n      <div class=\"bx-card-label\">Unit Price (Mid)<\/div>\n      <div class=\"bx-card-value\" id=\"bx-price-mid\">\u2014<\/div>\n      <div class=\"bx-card-note\">indicative target<\/div>\n    <\/div>\n    <div class=\"bx-card\">\n      <div class=\"bx-card-label\">Unit Price (High)<\/div>\n      <div class=\"bx-card-value\" id=\"bx-price-high\">\u2014<\/div>\n      <div class=\"bx-card-note\">fully loaded<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"bx-breakdown\">\n    <h3>Cost Breakdown Factors<\/h3>\n    <div class=\"bx-brow\"><span class=\"bx-brow-key\">Base glass (thickness + size)<\/span><span class=\"bx-brow-val\" id=\"bx-bd-base\">\u2014<\/span><\/div>\n    <div class=\"bx-brow\"><span class=\"bx-brow-key\">Coating stack<\/span><span class=\"bx-brow-val\" id=\"bx-bd-coat\">\u2014<\/span><\/div>\n    <div class=\"bx-brow\"><span class=\"bx-brow-key\">Edge treatment<\/span><span class=\"bx-brow-val\" id=\"bx-bd-edge\">\u2014<\/span><\/div>\n    <div class=\"bx-brow\"><span class=\"bx-brow-key\">Volume discount<\/span><span class=\"bx-brow-val\" id=\"bx-bd-vol\">\u2014<\/span><\/div>\n    <div class=\"bx-brow\"><span class=\"bx-brow-key\">Total order value (est.)<\/span><span class=\"bx-brow-val\" id=\"bx-bd-total\">\u2014<\/span><\/div>\n  <\/div>\n\n  <div class=\"bx-disclaimer\">\n    Indicative pricing only. Actual quotes depend on final drawing, tolerances, certification requirements, and shipping destination. MOQ: 500 pcs. Volume pricing unlocks at 5,000+ pcs.\n  <\/div>\n\n  <div class=\"bx-cta\">\n    <a href=\"#ct-popup-787\">Request Formal Quote \u2192<\/a>\n    <span class=\"bx-cta-note\">Response within 24 hours \u00b7 Free DFM review included<\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  document.getElementById('bx-calc-cost').addEventListener('click', function(){\n    var thickness = parseFloat(document.getElementById('bx-c-thickness').value) || 0;\n    var size = parseFloat(document.getElementById('bx-c-size').value) || 0;\n    var qty = parseInt(document.getElementById('bx-c-qty').value) || 0;\n    var edge = document.getElementById('bx-c-edge').value;\n\n    if (!thickness || !size || qty < 1) {\n      alert('Please select thickness, size, and enter a valid quantity.');\n      return;\n    }\n\n    if (qty < 500) {\n      qty = 500; \/\/ enforce MOQ note\n      document.getElementById('bx-c-qty').value = 500;\n    }\n    if (qty > 999999) qty = 999999;\n\n    \/\/ Base price per piece (USD) \u2014 indicative index\n    var sizeIndex = {7:1.0, 10:1.3, 15:1.8, 21:2.5, 27:3.2, 32:4.0, 43:5.5};\n    var thickIndex = {1:0.8, 2:0.9, 3:1.0, 4:1.15, 5:1.30, 6:1.45, 8:1.65};\n    var basePrice = 4.5 * (sizeIndex[size] || 1.0) * (thickIndex[thickness] || 1.0);\n\n    \/\/ Coatings\n    var coatPct = 0;\n    var coatNames = [];\n    document.querySelectorAll('#bx-cost-estimator-v1 .bx-check-label input[type=\"checkbox\"]:checked').forEach(function(cb){\n      coatPct += parseFloat(cb.dataset.cost) || 0;\n      coatNames.push(cb.value.toUpperCase());\n    });\n\n    \/\/ Edge\n    var edgePct = (edge === 'cnc') ? 0 : 10;\n\n    \/\/ Volume discount\n    var volDiscount = 0;\n    if (qty >= 50000) volDiscount = 18;\n    else if (qty >= 10000) volDiscount = 12;\n    else if (qty >= 5000) volDiscount = 8;\n    else if (qty >= 1000) volDiscount = 3;\n\n    var multiplier = 1 + (coatPct \/ 100) + (edgePct \/ 100);\n    var unitMid = basePrice * multiplier * (1 - volDiscount \/ 100);\n    var unitLow = unitMid * 0.82;\n    var unitHigh = unitMid * 1.22;\n\n    function fmt(n){ return '$' + n.toFixed(2); }\n    function fmtK(n){\n      if (n >= 1000) return '$' + (n\/1000).toFixed(1) + 'K';\n      return '$' + n.toFixed(0);\n    }\n\n    document.getElementById('bx-price-low').textContent = fmt(unitLow);\n    document.getElementById('bx-price-mid').textContent = fmt(unitMid);\n    document.getElementById('bx-price-high').textContent = fmt(unitHigh);\n\n    document.getElementById('bx-bd-base').textContent = fmt(basePrice) + ' \/ pc';\n    document.getElementById('bx-bd-coat').textContent = coatNames.length ? '+' + coatPct + '% (' + coatNames.join(', ') + ')' : 'None selected';\n    document.getElementById('bx-bd-edge').textContent = edgePct ? '+' + edgePct + '%' : 'Standard (included)';\n    document.getElementById('bx-bd-vol').textContent = volDiscount ? '-' + volDiscount + '% (qty ' + qty.toLocaleString() + ')' : 'None (< 1,000 pcs)';\n    document.getElementById('bx-bd-total').textContent = fmtK(unitMid * qty) + ' \u2013 ' + fmtK(unitHigh * qty);\n\n    document.getElementById('bx-cost-result').classList.add('visible');\n    document.getElementById('bx-cost-result').scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n  });\n})();\n<\/script>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>EV Charger Glass Cost Estimator Get an indicative price range for your custom glass specification. Final pricing via formal quote. Glass Thickness \u2014 Select \u20141mm2mm3mm (most common)4mm5mm (+30% vs 3mm)6mm8mm Display Size \u2014 Select \u20147\u2033 (small)10\u203315\u203321\u203327\u203332\u203343\u2033 (large) Order Quantity (pcs) Edge Treatment CNC Ground (standard)CNC Ground + Polished (+~10%)Beveled (+~10%) Coatings &amp; Treatments AR Anti-Reflective [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2865,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-3179","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/3179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=3179"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/3179\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/2865"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=3179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}