{"id":5054,"date":"2026-03-24T08:54:04","date_gmt":"2026-03-24T08:54:04","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=5054"},"modified":"2026-03-24T08:56:46","modified_gmt":"2026-03-24T08:56:46","slug":"glass-material-selector","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/glass-material-selector\/","title":{"rendered":"Selector de material de vidrio"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-52d353d\" data-block-id=\"52d353d\"><style>.stk-52d353d-column{--stk-columns-spacing:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-52d353d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f909510 stk-block-background\" data-v=\"4\" data-block-id=\"f909510\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f909510-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f909510-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e7843ef\" id=\"glass-material-selector-find-the-right-glass-for-your-application\" data-block-id=\"e7843ef\"><h1 class=\"stk-block-heading__text\">Glass Material Selector \u2014 Find the Right Glass for Your Application<\/h1><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-806649f\" data-block-id=\"806649f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-806649f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-89b35ab\" data-v=\"4\" data-block-id=\"89b35ab\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-89b35ab-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-89b35ab-inner-blocks\">\n<!-- Glass Material Selector Tool | SW Glass -->\n<div id=\"sw-glass-material-selector\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');\n    #sw-glass-material-selector {\n      font-family: 'Inter', Arial, sans-serif;\n      max-width: 2000px;\n      margin: 0 auto;\n      color: #1a1a2e;\n      line-height: 1.6;\n    }\n    #sw-glass-material-selector * { box-sizing: border-box; margin: 0; padding: 0; }\n    #sw-glass-material-selector .gms-header {\n      background: #304890;\n      padding: 28px 32px;\n      border-radius: 0;\n    }\n    #sw-glass-material-selector .gms-header h2 {\n      color: #fff;\n      font-size: 22px;\n      font-weight: 700;\n      margin-bottom: 6px;\n    }\n    #sw-glass-material-selector .gms-header p {\n      color: rgba(255,255,255,0.8);\n      font-size: 14px;\n    }\n    #sw-glass-material-selector .gms-body {\n      background: #F0F4FA;\n      padding: 28px 32px;\n    }\n    #sw-glass-material-selector .gms-step {\n      margin-bottom: 22px;\n    }\n    #sw-glass-material-selector .gms-step-label {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 8px;\n    }\n    #sw-glass-material-selector .gms-step-num {\n      background: #304890;\n      color: #fff;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: 'IBM Plex Mono', monospace;\n      font-size: 13px;\n      font-weight: 600;\n      flex-shrink: 0;\n    }\n    #sw-glass-material-selector .gms-step-label span {\n      font-weight: 600;\n      font-size: 15px;\n    }\n    #sw-glass-material-selector select {\n      width: 100%;\n      padding: 10px 14px;\n      border: 1px solid #c0c8d8;\n      border-radius: 0;\n      font-family: 'Inter', Arial, sans-serif;\n      font-size: 14px;\n      background: #fff;\n      color: #1a1a2e;\n      cursor: pointer;\n      appearance: auto;\n    }\n    #sw-glass-material-selector select:focus {\n      outline: 2px solid #1878C0;\n      border-color: #1878C0;\n    }\n    #sw-glass-material-selector .gms-checkboxes {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n    }\n    #sw-glass-material-selector .gms-checkbox-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      background: #fff;\n      padding: 8px 14px;\n      border: 1px solid #c0c8d8;\n      cursor: pointer;\n      transition: border-color 0.2s;\n      font-size: 14px;\n    }\n    #sw-glass-material-selector .gms-checkbox-item:hover {\n      border-color: #1878C0;\n    }\n    #sw-glass-material-selector .gms-checkbox-item input[type=\"checkbox\"] {\n      accent-color: #304890;\n      cursor: pointer;\n    }\n    #sw-glass-material-selector .gms-btn-calc {\n      display: block;\n      width: 100%;\n      padding: 14px;\n      background: #1878C0;\n      color: #fff;\n      border: none;\n      font-size: 15px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: background 0.2s;\n      margin-top: 6px;\n    }\n    #sw-glass-material-selector .gms-btn-calc:hover {\n      background: #304890;\n    }\n    #sw-glass-material-selector .gms-result {\n      display: none;\n      background: #fff;\n      border-left: 4px solid #1878C0;\n      padding: 24px 28px;\n      margin-top: 24px;\n    }\n    #sw-glass-material-selector .gms-result.active {\n      display: block;\n    }\n    #sw-glass-material-selector .gms-result h3 {\n      font-size: 18px;\n      color: #304890;\n      margin-bottom: 16px;\n    }\n    #sw-glass-material-selector .gms-rec-card {\n      margin-bottom: 16px;\n    }\n    #sw-glass-material-selector .gms-rec-title {\n      font-family: 'IBM Plex Mono', monospace;\n      font-size: 20px;\n      font-weight: 600;\n      color: #1878C0;\n      margin-bottom: 4px;\n    }\n    #sw-glass-material-selector .gms-rec-subtitle {\n      font-size: 13px;\n      color: #6b7280;\n      margin-bottom: 14px;\n    }\n    #sw-glass-material-selector .gms-specs {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n      margin-bottom: 16px;\n    }\n    #sw-glass-material-selector .gms-spec-item {\n      background: #F0F4FA;\n      padding: 12px 14px;\n    }\n    #sw-glass-material-selector .gms-spec-item .label {\n      font-size: 11px;\n      text-transform: uppercase;\n      color: #6b7280;\n      letter-spacing: 0.5px;\n      margin-bottom: 2px;\n    }\n    #sw-glass-material-selector .gms-spec-item .value {\n      font-family: 'IBM Plex Mono', monospace;\n      font-size: 14px;\n      font-weight: 500;\n      color: #1a1a2e;\n    }\n    #sw-glass-material-selector .gms-notes {\n      font-size: 13px;\n      color: #4b5563;\n      padding: 12px 14px;\n      background: #fffbeb;\n      border-left: 3px solid #f59e0b;\n      margin-bottom: 16px;\n    }\n    #sw-glass-material-selector .gms-cta-btn {\n      display: block;\n      width: 100%;\n      padding: 14px;\n      background: #304890;\n      color: #fff;\n      border: none;\n      font-size: 15px;\n      font-weight: 600;\n      cursor: pointer;\n      text-align: center;\n      transition: background 0.2s;\n    }\n    #sw-glass-material-selector .gms-cta-btn:hover {\n      background: #1878C0;\n    }\n    @media (max-width:690px) {\n      #sw-glass-material-selector .gms-header,\n      #sw-glass-material-selector .gms-body {\n        padding: 20px 18px;\n      }\n      #sw-glass-material-selector .gms-result {\n        padding: 18px 16px;\n      }\n      #sw-glass-material-selector .gms-specs {\n        grid-template-columns: 1fr;\n      }\n      #sw-glass-material-selector .gms-checkboxes {\n        flex-direction: column;\n      }\n    }\n  <\/style>\n\n  <div class=\"gms-header\">\n    <h2>Glass Material Selector<\/h2>\n    <p>Answer 4 questions to get a tailored glass recommendation for your project.<\/p>\n  <\/div>\n\n  <div class=\"gms-body\">\n    <div class=\"gms-step\">\n      <div class=\"gms-step-label\">\n        <div class=\"gms-step-num\">1<\/div>\n        <span>Application Type<\/span>\n      <\/div>\n      <select id=\"gms-application\">\n        <option value=\"\">&#8212; Select application &#8212;<\/option>\n        <option value=\"touch\">Industrial Touch Panel<\/option>\n        <option value=\"medical\">Medical Device<\/option>\n        <option value=\"automotive\">Automotive Display<\/option>\n        <option value=\"smarthome\">Smart Home Panel<\/option>\n        <option value=\"lighting\">Lighting Fixture<\/option>\n        <option value=\"appliance\">Appliance Panel<\/option>\n        <option value=\"other\">Other<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"gms-step\">\n      <div class=\"gms-step-label\">\n        <div class=\"gms-step-num\">2<\/div>\n        <span>Required Thickness<\/span>\n      <\/div>\n      <select id=\"gms-thickness\">\n        <option value=\"\">&#8212; Select thickness range &#8212;<\/option>\n        <option value=\"ultrathin\">Ultra-thin (0.4 &#8211; 0.7 mm)<\/option>\n        <option value=\"standard\">Standard (0.7 &#8211; 1.6 mm)<\/option>\n        <option value=\"medium\">Medium (1.6 &#8211; 2.2 mm)<\/option>\n        <option value=\"heavy\">Heavy (2.2 &#8211; 3.9 mm)<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"gms-step\">\n      <div class=\"gms-step-label\">\n        <div class=\"gms-step-num\">3<\/div>\n        <span>Surface Treatment<\/span>\n      <\/div>\n      <div class=\"gms-checkboxes\">\n        <label class=\"gms-checkbox-item\"><input type=\"checkbox\" value=\"AG\"> AG (Anti-Glare)<\/label>\n        <label class=\"gms-checkbox-item\"><input type=\"checkbox\" value=\"AR\"> AR (Anti-Reflective)<\/label>\n        <label class=\"gms-checkbox-item\"><input type=\"checkbox\" value=\"AF\"> AF (Anti-Fingerprint)<\/label>\n        <label class=\"gms-checkbox-item\"><input type=\"checkbox\" value=\"screenprint\"> Screen Printing<\/label>\n        <label class=\"gms-checkbox-item\"><input type=\"checkbox\" value=\"ITO\"> ITO Coating<\/label>\n        <label class=\"gms-checkbox-item\"><input type=\"checkbox\" value=\"none\"> None<\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"gms-step\">\n      <div class=\"gms-step-label\">\n        <div class=\"gms-step-num\">4<\/div>\n        <span>Volume<\/span>\n      <\/div>\n      <select id=\"gms-volume\">\n        <option value=\"\">&#8212; Select production volume &#8212;<\/option>\n        <option value=\"prototype\">Prototype (50 &#8211; 100 pcs)<\/option>\n        <option value=\"small\">Small Batch (100 &#8211; 1,000 pcs)<\/option>\n        <option value=\"production\">Production (1,000 &#8211; 10,000 pcs)<\/option>\n        <option value=\"mass\">Mass Production (10,000+ pcs)<\/option>\n      <\/select>\n    <\/div>\n\n    <button class=\"gms-btn-calc\" onclick=\"gmsCalculate()\">Get Recommendation<\/button>\n\n    <div class=\"gms-result\" id=\"gms-result\"><\/div>\n  <\/div>\n\n  <script>\n    function gmsCalculate() {\n      var app = document.getElementById('gms-application').value;\n      var thick = document.getElementById('gms-thickness').value;\n      var vol = document.getElementById('gms-volume').value;\n      var checks = document.querySelectorAll('#sw-glass-material-selector .gms-checkboxes input:checked');\n      var treatments = [];\n      checks.forEach(function(c) { treatments.push(c.value); });\n\n      if (!app || !thick || !vol) {\n        alert('Please complete all four steps before getting a recommendation.');\n        return;\n      }\n\n      var glass = '';\n      var glassDesc = '';\n      var strengthening = '';\n      var specs = '';\n      var factory = '';\n      var notes = [];\n\n      \/\/ Core logic\n      if (thick === 'ultrathin' && (app === 'touch' || app === 'smarthome' || app === 'medical')) {\n        glass = 'Gorilla Glass (Aluminosilicate)';\n        glassDesc = 'High-strength chemically strengthened glass, ideal for ultra-thin touch-sensitive applications.';\n        strengthening = 'Chemical Strengthening (Ion Exchange)';\n        specs = 'CS > 700 MPa | DOL > 40 \\u03BCm';\n      } else if (thick === 'ultrathin') {\n        glass = 'Aluminosilicate Glass';\n        glassDesc = 'Strong, lightweight glass suitable for ultra-thin form factors requiring chemical strengthening.';\n        strengthening = 'Chemical Strengthening (Ion Exchange)';\n        specs = 'CS > 450 MPa | DOL > 8 \\u03BCm';\n      } else if (app === 'automotive') {\n        glass = 'Aluminosilicate Glass';\n        glassDesc = 'Chemically strengthened glass meeting automotive durability and thermal requirements.';\n        strengthening = 'Chemical Strengthening (Required)';\n        specs = 'CS > 550 MPa | DOL > 20 \\u03BCm';\n        notes.push('Automotive applications require chemical strengthening per industry standards. Physical tempering is not suitable for display glass in vehicles.');\n      } else if (app === 'lighting') {\n        glass = 'Low Iron Glass';\n        glassDesc = 'Ultra-clear glass with >91% light transmittance, optimized for uniform light output.';\n        strengthening = (thick === 'heavy') ? 'Physical Tempering Available' : 'Chemical Strengthening';\n        specs = 'Transmittance > 91% | Fe\\u2082O\\u2083 < 0.015%';\n        notes.push('Low iron glass is recommended for lighting to eliminate the green tint common in standard soda lime glass.');\n      } else if (app === 'medical') {\n        glass = 'Aluminosilicate Glass';\n        glassDesc = 'Medical-grade glass with excellent chemical resistance and compatibility with sterilization processes.';\n        strengthening = 'Chemical Strengthening (Ion Exchange)';\n        specs = 'CS > 500 MPa | DOL > 15 \\u03BCm';\n        notes.push('Medical device glass requires biocompatibility certification (ISO 10993). Confirm your compliance requirements with our engineering team.');\n      } else if (thick === 'heavy') {\n        glass = 'Soda Lime Glass';\n        glassDesc = 'Cost-effective glass for thicker panels. Physical tempering available at this thickness range.';\n        strengthening = 'Physical Tempering Available';\n        specs = 'Surface compression > 95 MPa | Thermal shock \\u0394T > 200\\u00b0C';\n        notes.push('At 2.2 mm+ thickness, physical tempering becomes a cost-effective alternative to chemical strengthening.');\n      } else if (app === 'appliance') {\n        glass = 'Soda Lime Glass';\n        glassDesc = 'Industry-standard glass for appliance panels with proven durability and surface treatment compatibility.';\n        strengthening = (thick === 'medium') ? 'Chemical or Physical Strengthening' : 'Chemical Strengthening';\n        specs = (thick === 'medium') ? 'CS > 350 MPa (chem) or > 95 MPa surface compression (phys)' : 'CS > 350 MPa | DOL > 8 \\u03BCm';\n      } else if (app === 'touch' || app === 'smarthome') {\n        glass = 'Aluminosilicate Glass';\n        glassDesc = 'High-performance glass optimized for capacitive touch sensitivity and scratch resistance.';\n        strengthening = 'Chemical Strengthening (Ion Exchange)';\n        specs = 'CS > 450 MPa | DOL > 8 \\u03BCm';\n      } else {\n        glass = 'Soda Lime Glass';\n        glassDesc = 'Versatile, cost-effective glass suitable for a wide range of industrial and commercial applications.';\n        strengthening = (thick === 'medium' || thick === 'heavy') ? 'Chemical or Physical Strengthening' : 'Chemical Strengthening';\n        specs = 'CS > 350 MPa | DOL > 8 \\u03BCm';\n      }\n\n      \/\/ Factory recommendation\n      if (vol === 'mass' || vol === 'production') {\n        factory = 'Shenzhen Production Facility (high-volume lines)';\n      } else {\n        factory = 'Shenzhen R&D + Production Facility (flexible runs)';\n      }\n\n      \/\/ Treatment notes\n      if (treatments.indexOf('ITO') > -1) {\n        notes.push('ITO coating requires vacuum sputtering process. Lead time may increase by 3-5 business days.');\n      }\n      if (treatments.indexOf('AG') > -1 && treatments.indexOf('AR') > -1) {\n        notes.push('AG + AR stacked coating provides optimal readability in high-ambient-light environments.');\n      }\n\n      var treatStr = treatments.length > 0 ? treatments.join(' + ') : 'None selected';\n\n      var html = '<h3>Your Recommendation<\/h3>';\n      html += '<div class=\"gms-rec-card\">';\n      html += '<div class=\"gms-rec-title\">' + glass + '<\/div>';\n      html += '<div class=\"gms-rec-subtitle\">' + glassDesc + '<\/div>';\n      html += '<\/div>';\n\n      html += '<div class=\"gms-specs\">';\n      html += '<div class=\"gms-spec-item\"><div class=\"label\">Strengthening<\/div><div class=\"value\">' + strengthening + '<\/div><\/div>';\n      html += '<div class=\"gms-spec-item\"><div class=\"label\">Est. Specs<\/div><div class=\"value\">' + specs + '<\/div><\/div>';\n      html += '<div class=\"gms-spec-item\"><div class=\"label\">Surface Treatment<\/div><div class=\"value\">' + treatStr + '<\/div><\/div>';\n      html += '<div class=\"gms-spec-item\"><div class=\"label\">Recommended Facility<\/div><div class=\"value\">' + factory + '<\/div><\/div>';\n      html += '<\/div>';\n\n      if (notes.length > 0) {\n        html += '<div class=\"gms-notes\">';\n        for (var i = 0; i < notes.length; i++) {\n          html += '<p style=\"margin-bottom:' + (i < notes.length - 1 ? '6px' : '0') + '\">' + notes[i] + '<\/p>';\n        }\n        html += '<\/div>';\n      }\n\n      html += '<button class=\"gms-cta-btn\" onclick=\"document.querySelector(\\'#ct-popup-787\\').click()\">Request Quote for This Configuration<\/button>';\n\n      var el = document.getElementById('gms-result');\n      el.innerHTML = html;\n      el.classList.add('active');\n      el.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  <\/script>\n<\/div>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Glass Material Selector \u2014 Find the Right Glass for Your Application Glass Material Selector Answer 4 questions to get a tailored glass recommendation for your project. 1 Application Type &#8212; Select application &#8212;Industrial Touch PanelMedical DeviceAutomotive DisplaySmart Home PanelLighting FixtureAppliance PanelOther 2 Required Thickness &#8212; Select thickness range &#8212;Ultra-thin (0.4 &#8211; 0.7 mm)Standard (0.7 &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-5054","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/5054","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=5054"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/5054\/revisions"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=5054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}