{"id":2155,"date":"2026-08-20T15:36:51","date_gmt":"2026-08-20T15:36:51","guid":{"rendered":"https:\/\/grupodaltile.com.mx\/?page_id=2155"},"modified":"2026-08-31T20:54:01","modified_gmt":"2026-08-31T20:54:01","slug":"prueba-formulario-salesforce","status":"publish","type":"page","link":"https:\/\/grupodaltile.com.mx\/index.php\/prueba-formulario-salesforce\/","title":{"rendered":"Prueba Formulario Salesforce"},"content":{"rendered":"\n<style>\n  .grupodaltile-form-container {\n    max-width: 600px;\n    margin: 20px auto;\n    padding: 25px;\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    font-family: Arial, sans-serif;\n  }\n  .grupodaltile-form-container h3 {\n    margin-top: 0;\n    color: #2c3e50;\n    border-bottom: 2px solid #ecf0f1;\n    padding-bottom: 10px;\n  }\n  .grupodaltile-form-group {\n    margin-bottom: 15px;\n  }\n  .grupodaltile-form-group label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: bold;\n    color: #34495e;\n  }\n  .grupodaltile-form-group input[type=\"text\"],\n  .grupodaltile-form-group input[type=\"email\"],\n  .grupodaltile-form-group textarea {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid #bdc3c7;\n    border-radius: 4px;\n    box-sizing: border-box;\n    font-size: 14px;\n  }\n  .grupodaltile-form-group textarea {\n    height: 100px;\n    resize: vertical;\n  }\n  .grupodaltile-btn-submit {\n    background-color: #e74c3c;\n    color: white;\n    padding: 12px 20px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: bold;\n    width: 100%;\n    transition: background-color 0.3s ease;\n  }\n  .grupodaltile-btn-submit:hover {\n    background-color: #c0392b;\n  }\n  .sandbox-badge {\n    background-color: #f39c12;\n    color: white;\n    padding: 3px 8px;\n    font-size: 11px;\n    border-radius: 3px;\n    text-transform: uppercase;\n    font-weight: bold;\n    display: inline-block;\n    margin-bottom: 10px;\n  }\n  \/* Estilo del mensaje de \u00e9xito en pantalla *\/\n  .grupodaltile-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  .grupodaltile-success-message h4 {\n    margin-top: 0;\n    margin-bottom: 8px;\n    font-size: 18px;\n  }\n  .grupodaltile-success-message p {\n    margin: 0;\n    font-size: 14px;\n  }\n<\/style>\n\n<div class=\"grupodaltile-form-container\">\n  <span class=\"sandbox-badge\">Sandbox \/ Pruebas (Sin Redirecci\u00f3n)<\/span>\n  <h3>Formulario de Contacto Grupo Daltile<\/h3>\n\n  <!-- MENSAJE DE \u00c9XITO EN PANTALLA -->\n  <div id=\"grupoDaltileSuccessMsg\" class=\"grupodaltile-success-message\">\n    <h4>\u00a1Gracias! Tu mensaje ha sido enviado con \u00e9xito.<\/h4>\n    <p>El equipo de soporte se comunicar\u00e1 contigo a la brevedad.<\/p>\n  <\/div>\n\n  <!-- FORMULARIO WEB-TO-CASE SALESFORCE SANDBOX SIN REDIRECCI\u00d3N -->\n  <form action=\"https:\/\/efficiency-saas-8962--mg.sandbox.my.salesforce.com\/servlet\/servlet.WebToCase?encoding=UTF-8&#038;orgId=00DWB000005n6PZ\" method=\"POST\" id=\"grupoDaltileSandboxForm\">\n    \n    <!-- Campos Ocultos de Salesforce Sandbox -->\n    <input type=\"hidden\" name=\"orgid\" value=\"00DWB000005n6PZ\">\n    <input type=\"hidden\" name=\"origin\" value=\"Web oficial Grupo daltile\">\n\n    <!-- Nombre del contacto -->\n    <div class=\"grupodaltile-form-group\">\n      <label for=\"name\">Nombre del contacto *<\/label>\n      <input id=\"name\" maxlength=\"80\" name=\"name\" type=\"text\" placeholder=\"Ingresa tu nombre completo\" required>\n    <\/div>\n\n    <!-- Email -->\n    <div class=\"grupodaltile-form-group\">\n      <label for=\"email\">Correo electr\u00f3nico *<\/label>\n      <input id=\"email\" maxlength=\"80\" name=\"email\" type=\"email\" placeholder=\"correo@ejemplo.com\" required>\n    <\/div>\n\n    <!-- Asunto -->\n    <div class=\"grupodaltile-form-group\">\n      <label for=\"subject\">Asunto *<\/label>\n      <input id=\"subject\" maxlength=\"80\" name=\"subject\" type=\"text\" placeholder=\"Motivo de tu consulta\" required>\n    <\/div>\n\n    <!-- Descripci\u00f3n -->\n    <div class=\"grupodaltile-form-group\">\n      <label for=\"description\">Descripci\u00f3n \/ Mensaje<\/label>\n      <textarea id=\"description\" name=\"description\" placeholder=\"Escribe aqu\u00ed tu mensaje...\"><\/textarea>\n    <\/div>\n\n    <!-- Bot\u00f3n de Env\u00edo -->\n    <div class=\"grupodaltile-form-group\">\n      <button type=\"submit\" name=\"submit\" id=\"btnSubmitGrupoDaltile\" class=\"grupodaltile-btn-submit\">Enviar Mensaje<\/button>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n<!-- SCRIPT AJAX PARA PROCESAR EL ENV\u00cdO EN SEGUNDO PLANO SIN CAMBIAR DE P\u00c1GINA -->\n<script>\n  document.getElementById('grupoDaltileSandboxForm').addEventListener('submit', function(e) {\n    e.preventDefault(); \/\/ Detener la redirecci\u00f3n del navegador\n\n    var form = this;\n    var btn = document.getElementById('btnSubmitGrupoDaltile');\n    var successMsg = document.getElementById('grupoDaltileSuccessMsg');\n\n    btn.disabled = true;\n    btn.innerText = 'Enviando...';\n\n    var formData = new FormData(form);\n\n    \/\/ Enviar a Salesforce en segundo plano (mode: no-cors)\n    fetch(form.action, {\n      method: 'POST',\n      body: formData,\n      mode: 'no-cors'\n    }).then(function() {\n      \/\/ Ocultar formulario y mostrar mensaje de confirmaci\u00f3n\n      form.style.display = 'none';\n      successMsg.style.display = 'block';\n    }).catch(function(error) {\n      form.style.display = 'none';\n      successMsg.style.display = 'block';\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sandbox \/ Pruebas (Sin Redirecci\u00f3n) Formulario de Contacto Grupo Daltile \u00a1Gracias! Tu mensaje ha sido enviado con \u00e9xito. El equipo de soporte se comunicar\u00e1 contigo a la brevedad. Nombre del contacto * Correo electr\u00f3nico * Asunto * Descripci\u00f3n \/ Mensaje Enviar Mensaje<\/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-2155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/2155","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=2155"}],"version-history":[{"count":5,"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/2155\/revisions"}],"predecessor-version":[{"id":2171,"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/pages\/2155\/revisions\/2171"}],"wp:attachment":[{"href":"https:\/\/grupodaltile.com.mx\/index.php\/wp-json\/wp\/v2\/media?parent=2155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}