{"id":2160,"date":"2026-08-24T15:37:33","date_gmt":"2026-08-24T15:37:33","guid":{"rendered":"https:\/\/grupodaltile.com.mx\/?page_id=2160"},"modified":"2026-08-31T20:52:15","modified_gmt":"2026-08-31T20:52:15","slug":"daltile-2","status":"publish","type":"page","link":"https:\/\/grupodaltile.com.mx\/index.php\/daltile-2\/","title":{"rendered":"DAlTILE"},"content":{"rendered":"\n<style>\n  .daltile-form-container {\n    max-width: 650px;\n    margin: 20px auto;\n    padding: 30px;\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #333333;\n  }\n  .daltile-form-container h2 {\n    margin-top: 0;\n    margin-bottom: 20px;\n    font-size: 24px;\n    color: #111111;\n    border-bottom: 2px solid #e2e8f0;\n    padding-bottom: 10px;\n  }\n  .daltile-form-group {\n    margin-bottom: 18px;\n  }\n  .daltile-form-group label {\n    display: block;\n    margin-bottom: 6px;\n    font-weight: 600;\n    font-size: 14px;\n    color: #4a5568;\n  }\n  .daltile-form-group label .required {\n    color: #e53e3e;\n    margin-left: 2px;\n  }\n  .daltile-form-control {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #cbd5e0;\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n    transition: border-color 0.2s ease;\n    background-color: #fff;\n  }\n  .daltile-form-control:focus {\n    outline: none;\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.15);\n  }\n  textarea.daltile-form-control {\n    min-height: 110px;\n    resize: vertical;\n  }\n  .daltile-btn-submit {\n    width: 100%;\n    background-color: #000000;\n    color: #ffffff;\n    padding: 12px 20px;\n    border: none;\n    border-radius: 6px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n  }\n  .daltile-btn-submit:hover {\n    background-color: #2d3748;\n  }\n  .daltile-sandbox-badge {\n    display: inline-block;\n    background-color: #feebc8;\n    color: #744210;\n    font-size: 12px;\n    font-weight: bold;\n    padding: 4px 8px;\n    border-radius: 4px;\n    margin-bottom: 15px;\n  }\n  \/* Estilos del mensaje de \u00e9xito *\/\n  .daltile-success-message {\n    display: none;\n    background-color: #d4edda;\n    color: #155724;\n    border: 1px solid #c3e6cb;\n    padding: 20px;\n    border-radius: 6px;\n    text-align: center;\n    margin-top: 15px;\n  }\n  .daltile-success-message h4 {\n    margin-top: 0;\n    margin-bottom: 8px;\n    font-size: 18px;\n  }\n  .daltile-success-message p {\n    margin: 0;\n    font-size: 14px;\n  }\n<\/style>\n\n<div class=\"daltile-form-container\">\n  <span class=\"daltile-sandbox-badge\">MODO PRUEBAS (CON FILTRO CONDICIONAL SALESFORCE)<\/span>\n  <h2>Formulario de Contacto Daltile<\/h2>\n\n  <!-- MENSAJE DE \u00c9XITO PANTALLA -->\n  <div id=\"daltileSuccessMsg\" class=\"daltile-success-message\">\n    <h4 id=\"daltileSuccessTitle\">\u00a1Gracias! Tu mensaje ha sido enviado con \u00e9xito.<\/h4>\n    <p id=\"daltileSuccessText\">El equipo correspondiente se comunicar\u00e1 contigo a la brevedad.<\/p>\n  <\/div>\n\n  <!-- FORMULARIO CON FILTRADO CONDICIONAL DE OPCIONES -->\n  <form action=\"https:\/\/efficiency-saas-8962--mg.sandbox.my.salesforce.com\/servlet\/servlet.WebToCase?encoding=UTF-8&#038;orgId=00DWB000005n6PZ\" method=\"POST\" id=\"daltileCondicionalForm\">\n    \n    <!-- Campos Ocultos de Salesforce Sandbox -->\n    <input type=\"hidden\" name=\"orgid\" value=\"00DWB000005n6PZ\">\n    <input type=\"hidden\" name=\"origin\" value=\"Web oficial Daltile\">\n\n    <!-- Nombre del contacto -->\n    <div class=\"daltile-form-group\">\n      <label for=\"name\">Nombre del contacto <span class=\"required\">*<\/span><\/label>\n      <input id=\"name\" maxlength=\"80\" name=\"name\" class=\"daltile-form-control\" type=\"text\" placeholder=\"Tu nombre completo\" required \/>\n    <\/div>\n\n    <!-- Email -->\n    <div class=\"daltile-form-group\">\n      <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\n      <input id=\"email\" maxlength=\"80\" name=\"email\" class=\"daltile-form-control\" type=\"email\" placeholder=\"correo@ejemplo.com\" required \/>\n    <\/div>\n\n    <!-- Compa\u00f1\u00eda -->\n    <div class=\"daltile-form-group\">\n      <label for=\"company\">Compa\u00f1\u00eda <span class=\"required\">*<\/span><\/label>\n      <input id=\"company\" maxlength=\"80\" name=\"company\" class=\"daltile-form-control\" type=\"text\" placeholder=\"Nombre de tu empresa\" required \/>\n    <\/div>\n\n    <!-- Asunto (ID Sandbox: 00NWB000005Ppdx) -->\n    <div class=\"daltile-form-group\">\n      <label for=\"00NWB000005Ppdx\">Asunto <span class=\"required\">*<\/span><\/label>\n      <select id=\"00NWB000005Ppdx\" name=\"00NWB000005Ppdx\" title=\"Asunto\" class=\"daltile-form-control\" required>\n        <option value=\"\">&#8212; Elige una opci\u00f3n &#8212;<\/option>\n        <!-- Opciones permitidas (S\u00cd generan caso en Salesforce) -->\n        <option value=\"Asesor\u00eda o soporte t\u00e9cnico para profesionales\">Asesor\u00eda o soporte t\u00e9cnico para profesionales<\/option>\n        <option value=\"Quiero ser Distribuidor\">Quiero ser Distribuidor<\/option>\n        <option value=\"Solicita tu mural\">Solicita tu mural<\/option>\n        <!-- Opciones excluidas (NO generan caso en Salesforce) -->\n        <option value=\"Quiero ser Proveedor\">Quiero ser Proveedor<\/option>\n        <option value=\"Reclutamiento\">Reclutamiento<\/option>\n        <option value=\"Quejas de proveedor o denuncias an\u00f3nimas\">Quejas de proveedor o denuncias an\u00f3nimas<\/option>\n      <\/select>\n    <\/div>\n\n    <!-- Estado (ID: 00NVu000007QgKX) -->\n    <div class=\"daltile-form-group\">\n      <label for=\"00NVu000007QgKX\">Estado <span class=\"required\">*<\/span><\/label>\n      <select id=\"00NVu000007QgKX\" name=\"00NVu000007QgKX\" title=\"Estado\" class=\"daltile-form-control\" required>\n        <option value=\"\">&#8212; Elige un estado &#8212;<\/option>\n        <option value=\"Aguascalientes\">Aguascalientes<\/option>\n        <option value=\"Baja California\">Baja California<\/option>\n        <option value=\"Baja California Sur\">Baja California Sur<\/option>\n        <option value=\"Campeche\">Campeche<\/option>\n        <option value=\"Chiapas\">Chiapas<\/option>\n        <option value=\"Chihuahua\">Chihuahua<\/option>\n        <option value=\"Ciudad de M\u00e9xico\">Ciudad de M\u00e9xico<\/option>\n        <option value=\"Coahuila de Zaragoza\">Coahuila de Zaragoza<\/option>\n        <option value=\"Colima\">Colima<\/option>\n        <option value=\"Durango\">Durango<\/option>\n        <option value=\"Estado de M\u00e9xico\">Estado de M\u00e9xico<\/option>\n        <option value=\"Guanajuato\">Guanajuato<\/option>\n        <option value=\"Guerrero\">Guerrero<\/option>\n        <option value=\"Hidalgo\">Hidalgo<\/option>\n        <option value=\"Jalisco\">Jalisco<\/option>\n        <option value=\"Michoac\u00e1n de Ocampo\">Michoac\u00e1n de Ocampo<\/option>\n        <option value=\"Morelos\">Morelos<\/option>\n        <option value=\"Nayarit\">Nayarit<\/option>\n        <option value=\"Nuevo Le\u00f3n\">Nuevo Le\u00f3n<\/option>\n        <option value=\"Oaxaca\">Oaxaca<\/option>\n        <option value=\"Puebla\">Puebla<\/option>\n        <option value=\"Quer\u00e9taro\">Quer\u00e9taro<\/option>\n        <option value=\"Quintana Roo\">Quintana Roo<\/option>\n        <option value=\"San Luis Potos\u00ed\">San Luis Potos\u00ed<\/option>\n        <option value=\"Sinaloa\">Sinaloa<\/option>\n        <option value=\"Sonora\">Sonora<\/option>\n        <option value=\"Tabasco\">Tabasco<\/option>\n        <option value=\"Tamaulipas\">Tamaulipas<\/option>\n        <option value=\"Tlaxcala\">Tlaxcala<\/option>\n        <option value=\"Veracruz\">Veracruz<\/option>\n        <option value=\"Yucat\u00e1n\">Yucat\u00e1n<\/option>\n        <option value=\"Zacatecas\">Zacatecas<\/option>\n      <\/select>\n    <\/div>\n\n    <!-- Descripci\u00f3n -->\n    <div class=\"daltile-form-group\">\n      <label for=\"description\">Descripci\u00f3n \/ Mensaje<\/label>\n      <textarea id=\"description\" name=\"description\" class=\"daltile-form-control\" placeholder=\"Escribe aqu\u00ed tu consulta o mensaje...\"><\/textarea>\n    <\/div>\n\n    <!-- Bot\u00f3n de Env\u00edo -->\n    <div class=\"daltile-form-group\">\n      <button type=\"submit\" name=\"submit\" id=\"btnSubmitDaltile\" class=\"daltile-btn-submit\">Enviar Formulario<\/button>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n<!-- L\u00d3GICA DE FILTRADO CONDICIONAL DE SALESFORCE -->\n<script>\n  document.getElementById('daltileCondicionalForm').addEventListener('submit', function(e) {\n    e.preventDefault(); \/\/ Detener la redirecci\u00f3n del navegador\n\n    var form = this;\n    var btn = document.getElementById('btnSubmitDaltile');\n    var successMsg = document.getElementById('daltileSuccessMsg');\n    var asuntoSelect = document.getElementById('00NWB000005Ppdx');\n    var asuntoVal = asuntoSelect ? asuntoSelect.value : '';\n\n    \/\/ Lista de opciones permitidas que S\u00cd deben crear caso en Salesforce\n    var opcionesSalesforce = [\n      'Asesor\u00eda o soporte t\u00e9cnico para profesionales',\n      'Quiero ser Distribuidor',\n      'Solicita tu mural'\n    ];\n\n    btn.disabled = true;\n    btn.innerText = 'Enviando...';\n\n    \/\/ Evaluar si la opci\u00f3n elegida debe ir a Salesforce o no\n    if (opcionesSalesforce.indexOf(asuntoVal) !== -1) {\n      \/\/ \ud83d\udfe2 CASO 1: S\u00cd genera caso en Salesforce\n      var formData = new FormData(form);\n      fetch(form.action, {\n        method: 'POST',\n        body: formData,\n        mode: 'no-cors'\n      }).then(function() {\n        form.style.display = 'none';\n        successMsg.style.display = 'block';\n      }).catch(function() {\n        form.style.display = 'none';\n        successMsg.style.display = 'block';\n      });\n    } else {\n      \/\/ \ud83d\udd34 CASO 2: Opci\u00f3n excluida (Proveedor, Reclutamiento, Quejas) -> NO SE ENV\u00cdA A SALESFORCE\n      setTimeout(function() {\n        form.style.display = 'none';\n        document.getElementById('daltileSuccessTitle').innerText = '\u00a1Gracias por comunicarte!';\n        document.getElementById('daltileSuccessText').innerText = 'Tu solicitud ha sido recibida por nuestro departamento correspondiente.';\n        successMsg.style.display = 'block';\n      }, 500);\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>MODO PRUEBAS (CON FILTRO CONDICIONAL SALESFORCE) Formulario de Contacto Daltile \u00a1Gracias! Tu mensaje ha sido enviado con \u00e9xito. El equipo correspondiente se comunicar\u00e1 contigo a la brevedad. Nombre del contacto * Email * Compa\u00f1\u00eda * Asunto * &#8212; Elige una opci\u00f3n &#8212;Asesor\u00eda o soporte t\u00e9cnico para profesionalesQuiero ser DistribuidorSolicita tu muralQuiero ser ProveedorReclutamientoQuejas de proveedor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2160","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/2160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/comments?post=2160"}],"version-history":[{"count":4,"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/2160\/revisions"}],"predecessor-version":[{"id":2170,"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/2160\/revisions\/2170"}],"wp:attachment":[{"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=2160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}