Menú secundario
Placeholder para campo de búsqueda
Busca
Icono buscar
Menú Principal
Título (mobile) menú secundario
Acceso a Portales Externos
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
Hola, hablemos!
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
Contacto