{"id":26,"date":"2010-11-01T20:52:37","date_gmt":"2010-11-01T23:52:37","guid":{"rendered":"http:\/\/botix.com.ar\/es"},"modified":"2025-05-21T00:46:12","modified_gmt":"2025-05-21T03:46:12","slug":"mail-y-chat","status":"publish","type":"page","link":"https:\/\/botix.com.ar\/es\/contacto\/mail-y-chat","title":{"rendered":"Email"},"content":{"rendered":"\n<p>Para contactarse con nosotros por favor complete todos los datos del siguiente formulario.<br>Si necesita mandar un mensaje con archivos adjuntos puede hacerlo directamente a <a href=\"mailto:info@botix.com.ar\">info@botix.com.ar<\/a><\/p>\n\n\n\n<style>\n.contact-form {\n    width: calc(100% - 40px);\n    margin: 0 auto;\n    padding: 20px;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    background-color: #fff;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); \/* Shadow on all sides *\/\n}\n.form-group {\n    margin-bottom: 20px;\n}\nlabel {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: bold;\n}\ninput[type=\"text\"],\nselect,\ntextarea {\n    width: calc(100% - 22px);\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    font-size: 16px;\n}\ntextarea {\n    height: 100px;\n}\n.button-group {\n    display: flex;\n    justify-content: space-between;\n}\n.form-group2 {\n    margin-bottom: 20px;\n    width: calc(50% - 10px);\n}\n.form-group2 select {\n    width: 100% ;\n}\nbutton {\n    display: block;\n    width: 150px; \/* Set width to 150px *\/\n    margin: 0 auto; \/* Center the button *\/\n    padding: 10px;\n    border: none;\n    border-radius: 15px;\n    background-image: none !important;\n    background-color: #28166F!important;\n    color: #fff;\n    font-size: 16px;\n    cursor: pointer;\n}\nbutton:hover {\n    background-color: #28166F;\n    background-image: none !important;\n}\n.captcha-wrapper .g-recaptcha {\n  display: inline-block;\n}\n.captcha-wrapper {   \/* Contenedor que envuelve s\u00f3lo el reCAPTCHA *\/\n  text-align: center;\n}\n.g-recaptcha {       \/* Hace que el widget quede centrado en su contenedor *\/\n  display: block;    \/* para que respete margin auto *\/\n  margin: 0 auto;    \/* centrado horizontal *\/\n}\n<\/style>\n<form action=\"https:\/\/www.botix.com.ar\/es\/contacto2.php\" method=\"post\" class=\"contact-form\">\n    <!-- HONEYPOT (bots lo llenan, humanos no lo ven) -->\n    <div style=\"display:none !important; visibility:hidden; height:0; overflow:hidden\">\n        <label for=\"website\">Website<\/label>\n        <input type=\"text\" id=\"website\" name=\"website\" autocomplete=\"off\" tabindex=\"-1\">\n    <\/div>\n\n    <!-- TIMESTAMP: guardamos cu\u00e1ndo se carg\u00f3 el form -->\n    <input type=\"hidden\" id=\"form_loaded_at\" name=\"form_loaded_at\" value=\"\">\n\n    <div class=\"form-group\">\n        <label for=\"realname\">Nombre y Apellido:<\/label>\n        <input id=\"realname\" name=\"realname\" type=\"text\" required>\n    <\/div>\n    <div class=\"button-group\">\n        <div class=\"form-group2\" style=\"margin-right: 10px;\">\n            <label for=\"email\">E-mail:<\/label>\n            <input id=\"email\" name=\"email\" type=\"text\" required>\n        <\/div>\n        <div class=\"form-group2\">\n            <label for=\"phone\">Tel\u00e9fono:<\/label>\n            <input id=\"phone\" name=\"Telefono\" type=\"text\" required>\n        <\/div>\n    <\/div>\n    <div class=\"button-group\">\n        <div class=\"form-group2\">\n            <label for=\"topic\">Contactar a un asesor de:<\/label>\n            <select id=\"topic\" name=\"Tema\">\n                <option value=\"Tema indeterminado\" selected disabled>&#8212;&#8212;&#8212;&#8212;&#8212; Seleccione la tem\u00e1tica &#8212;&#8212;&#8212;&#8212;&#8212;<\/option>\n                <option value=\"Ahuyentamiento y control de aves\">Ahuyentamiento y control de aves<\/option>\n                <option value=\"Prevenci\u00f3n de accidentes de chicos\">Prevenci\u00f3n de accidentes de chicos<\/option>\n                <option value=\"Prevenci\u00f3n de accidentes de mascotas\">Prevenci\u00f3n de accidentes de mascotas<\/option>\n                <option value=\"Tendederos de ropa\">Tendederos de ropa<\/option>\n                <option value=\"Carritos de compra\">Carritos de compra<\/option>\n                <option value=\"Tablas de planchar\">Tablas de planchar<\/option>\n                <option value=\"Otros productos para el hogar\">Otros productos para el hogar<\/option>\n                <option value=\"Redes para deportes y otros usos\">Redes para deportes y otros usos<\/option>\n                <option value=\"Erradicaci\u00f3n de murci\u00e9lagos\">Erradicaci\u00f3n de murci\u00e9lagos<\/option>\n                <option value=\"Otro tema\">Otro tema<\/option>\n            <\/select>\n        <\/div>\n        <div class=\"form-group2\">\n            <label for=\"subject\">Asunto:<\/label>\n            <input id=\"subject\" name=\"subject\" type=\"text\">\n        <\/div>\n    <\/div>\n    <div class=\"form-group\">\n        <label for=\"message\">Mensaje:<\/label>\n        <textarea id=\"message\" name=\"Mensaje\" rows=\"5\"><\/textarea>\n    <\/div>\n    <div class=\"form-group\">\n        <div class=\"form-group captcha-wrapper\">\n            <div class=\"g-recaptcha\" data-sitekey=\"6LeHIS4rAAAAAF2N1XbirdP7nQv521bXsGbJDnSX\" data-callback=\"recaptchaSuccess\"><\/div>\n            <!-- ac\u00e1 aparece el error -->\n                <div id=\"captcha-error\" style=\"color:red; margin-top:5px; display:none\">\n            Por favor, marc\u00e1 \u201cNo soy un robot\u201d antes de enviar.\n            <\/div>\n        <\/div>\n    <\/div>\n    <button type=\"submit\">Enviar<\/button>\n<\/form>\n\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?hl=es\" async defer><\/script>\n<script>\n\n\/\/ Al cargar, guardo el timestamp en segundos\ndocument.addEventListener('DOMContentLoaded', function() {\n  document.getElementById('form_loaded_at').value = Math.floor(Date.now() \/ 1000);\n});\n\n\/\/ 1) Funci\u00f3n que oculta el error cuando se tilda el captcha\nfunction recaptchaSuccess() {\n  document.getElementById('captcha-error').style.display = 'none';\n}\n\n\/\/ 2) Al enviar el form, chequeo el captcha\ndocument.querySelector('.contact-form').addEventListener('submit', function(e) {\n  \/\/ grecaptcha es el objeto que provee la API de Google\n  if (grecaptcha.getResponse() === '') {\n    e.preventDefault(); \/\/ frena el env\u00edo\n    document.getElementById('captcha-error').style.display = 'block';\n  }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Para contactarse con nosotros por favor complete todos los datos del siguiente formulario.Si necesita mandar un mensaje con archivos adjuntos puede hacerlo directamente a info@botix.com.ar<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":10,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":15,"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1158,"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/pages\/26\/revisions\/1158"}],"up":[{"embeddable":true,"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/botix.com.ar\/es\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}