Menú secundario
Placeholder para campo de búsqueda
Search
Icono buscar
Menú Principal
Título (mobile) menú secundario
Access to External Portals
Menú Flotante
Botones de menú flotante
Asistente
Función de botón
Configuración
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/2429099.js"></script>
<!-- End of HubSpot Embed Code -->
Whatsapp
Función de botón
Configuración
<!-- HubSpot Script -->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>

<!-- Contenedor -->
<div class="hubspot-form-container">
<div id="hubspot-form"></div>
</div>

<style>
/* CONTENEDOR */
.hubspot-form-container {
max-width: 500px;
margin: 40px auto;
padding: 30px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
font-family: Arial, Helvetica, sans-serif;
}

/* INPUTS */
.hubspot-form-container input,
.hubspot-form-container select,
.hubspot-form-container textarea {
width: 100% !important;
padding: 12px 14px !important;
margin-bottom: 15px !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
font-size: 14px !important;
transition: all 0.2s ease;
}

.hs_aviso_privacidad_tecmi input {
width: auto !important;
}

/* FOCUS */
.hubspot-form-container input:focus,
.hubspot-form-container select:focus,
.hubspot-form-container textarea:focus {
border-color: #2da546 !important;
outline: none !important;
box-shadow: 0 0 0 2px rgba(45, 165, 70, 0.1);
}

/* LABELS */
.hubspot-form-container label {
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
display: block;
color: #333;
}

/* BOTÓN */
.hubspot-form-container .hs-button {
width: 100% !important;
background: #2da546 !important;
color: white !important;
border: none !important;
padding: 14px !important;
font-size: 15px !important;
border-radius: 8px !important;
cursor: pointer;
transition: all 0.3s ease;
}

/* HOVER BOTÓN */
.hubspot-form-container .hs-button:hover {
background: #24913c !important;
}

/* ERRORES */
.hubspot-form-container .hs-error-msg {
font-size: 12px;
color: red;
}

/* ESPACIADO ENTRE CAMPOS */
.hubspot-form-container .hs-form-field {
margin-bottom: 15px;
}

ul.inputs-list {
list-style: none;
padding: 0px;
}
</style>

<script>
hbspt.forms.create({
portalId: "2429099",
formId: "ffbfa013-61b2-464d-859d-5a6a510a5b60",
region: "na1",
target: "#hubspot-form",

onFormSubmit: function ($form) {
var nombre = document.querySelector('input[name="firstname"]').value;
var email = document.querySelector('input[name="email"]').value;
var nivel_educativo = document.querySelector('select[name="cual_es_el_nivel_educativo_de_tu_interes_"]').value;
var formato_carrera_ejecutiva = document.querySelector('select[name="formato_carrera_ejecutiva"]').value;
var formato_maestria = document.querySelector('select[name="formato_maestria"]').value;

if (nivel_educativo == 1) {
window.open(`https://wa.me/5218115161394?text=Hola, soy ${nombre}, mi correo es ${email} y estoy interesado en Cursos`, '_blank');
} else if (nivel_educativo == 2) {
window.open(`https://wa.me/5218134133349?text=Hola, soy ${nombre}, mi correo es ${email} y estoy interesado en Preparatoria`, '_blank');
} else if (nivel_educativo == 3) {
window.open(`https://wa.me/5218134133349?text=Hola, soy ${nombre}, mi correo es ${email} y estoy interesado en Profesional`, '_blank');
}

if (formato_carrera_ejecutiva == 1 || formato_carrera_ejecutiva == 2) {
window.open(`https://wa.me/5218129075638?text=Hola, soy ${nombre}, mi correo es ${email}`, '_blank');
}

if (formato_maestria >= 1) {
window.open(`https://wa.me/5218129075638?text=Hola, soy ${nombre}, mi correo es ${email}`, '_blank');
}
}
});
</script>
Titúlo
Hey, let's talk!
Llamada
Función de botón
Configuración
tel:+528004444020
Forma de contacto
Función de botón
Configuración
/contacto
Texto / Icono de Contacto
Contact