Cómo incorporar los formularios de registro de Mailchimp dentro de mybookings

Con la ayuda de Mailchimp, usted podrá recopilar las direcciones de correo electrónico de los huéspedes que deseen suscribirse a las actualizaciones y ofertas de su alojamiento. Ahora esta función está disponible a través de mybookings.

Los formularios de registro de Mailchimp se pueden incorporar dentro de mybookings. Tenga en cuenta que este formulario de registro solo se puede agregar en la página de confirmación que se muestra cuando el huésped realiza su reserva, en la cual se despliega toda la información de la misma.

Empecemos

Para incorporar esta función se requiere contar con una cuenta de Mailchimp. Si actualmente no tiene una cuenta, puede registrarse aquí. Para incorporar Mailchimp a mybookings, siga los pasos a continuación.

Instrucciones de Mailchimp

Primero, inicie sesión en su cuenta de Mailchimp.

  1. Ingrese a la pestaña Audience (audiencia).
  2. Haga clic en Manage Audience (gestionar audiencia).
  3. Luego, seleccione Signup forms (formularios de registro).
Audience dashboard | Mailchimp - Google Chrome

4. En esta ventana, podrá ver algunas opciones. Elija Embedded forms (formularios incorporados).

Signup forms for Cloudbeds | Mailchimp - Google Chrome

5. Elija un tipo de formulario: Classic (clásico), Condensed (condensado), Horizontal (horizontal) o Unstyled (sin estilo) y personalice las opciones del formulario.

Si tiene alguna pregunta sobre las opciones y la configuración de los formularios, comuníquese directamente con el equipo de soporte de Mailchimp. Haga clic aquí para consultar un artículo de la base de conocimiento de Mailchimp en el que podrá obtener más información.

Embedded Form Code | Mailchimp - Google Chrome

Para este ejemplo, usaremos el formato Classic (clásico)

6. Desplácese hacia abajo y resalte todo el código (Control + A) o haga clic izquierdo para copiar el código.

Embedded Form Code | Mailchimp - Google Chrome

Cómo agregar el código en mybookings

Inicie sesión en su cuenta myfrontdesk:

  1. Haga clic en la sección «Personalizar mybookings».
  2. Pegue el código en la sección llamada «Javascript Code (solo página de confirmación)».
  3. Luego, haga clic en «Guardar».
DEMO - Karina's Hostel - Customize mybookings - Google Chrome

Le recomendamos que realice una prueba para ver el formato.

Abra su página de mybookings para crear una reserva de prueba. En la página de confirmación, desplácese hacia abajo; el formulario de registro se mostrará directamente debajo de la información de la propiedad.

Confirmation - DEMO - Karina's Hostel - Google Chrome

Una vez que la información se almacene en su cuenta de Mailchimp, puede enviar correos electrónicos de mercadeo a los huéspedes a través de Mailchimp.

Tenga en cuenta lo siguiente: esta información solo se almacenará en Mailchimp y no en myfrontdesk.

Opciones avanzadas

Cómo crear estilos personalizados en el formulario de Mailchimp

Si desea ubicar en el centro el formulario de registro en la página de su motor de reservas (junto con todas las otras secciones encima del formulario), pegue el siguiente código en la sección titulada «Código Javascript (solo página de confirmación)»

<style>
#mc_embed_signup{ 
background:#fff; 
clear:left; 
font:14px Helvetica,Arial,sans-serif; 
margin-left: 90px; 
margin-right: 125px; 
margin-bottom: 40px;
width: 80%; 
text-align:center; }@media (min-width: 1460px) {
  #mc_embed_signup { 
margin-left: 150px; 
margin-right: 145px; 
margin-bottom: 60px; 
}
}
</style>

Cómo cambiar la apariencia del motor de reservas mybookings

El siguiente código ocultará la información de la propiedad junto con el mapa.

<style>
/* El siguiente código ocultará la información de la propiedad junto con el mapa */
.page-content-wrapper {
display: none;
}
</style>
Confirmation - DEMO - Karina's Hostel - Google Chrome

El siguiente código ocultará la información de la propiedad junto con el mapa en el navegador de un teléfono móvil

<style>
@media (min-width: 992px) {
.page-content-wrapper{
display: none;
}
}
<style>

El siguiente código ocultará el logotipo de pago seguro.

<style>
.bank_transfer, .security-sprite {
display: none !important;
}
</style>
Confirmation - DEMO - Karina's Hostel - Google Chrome
Confirmation - DEMO - Karina's Hostel - Google Chrome
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0

Comentarios

0 comentarios

Inicie sesión para dejar un comentario.