Crea y coloca formularios Slide-in

Published: 16 de julio de 2026 · Last updated: 21 de julio de 2026 · By Marcus Biel

Un Slide-in es un formulario de registro compacto que aparece en un borde o en una posición seleccionada de la ventana del navegador.

Atrae más atención que un formulario colocado dentro de la página y cubre menos espacio del sitio web que un Popup centrado. Los Slide-in funcionan bien para recordatorios de newsletters, descuentos, actualizaciones de productos y ofertas breves que deben permanecer visibles mientras el visitante lee la página.

Esta guía explica los ajustes exclusivos de los Slide-in. Las funciones comunes de diseño, contenido, campos, etiquetas, tipografía, capas y flujo de registro se explican en la guía principal del Creador de formularios de registro.

Crear un Slide-in

Abre “Signup Forms”, haz clic en “Create Form” y selecciona “Slide-in”. Introduce un nombre interno claro y continúa en el creador.

También puedes editar un Slide-in existente haciendo clic en su nombre en la Vista general de formularios de registro.

Usa un nombre como “Newsletter del blog - Slide-in”, “Recordatorio de nuevo producto” o “Cupón de verano - Slide-in”. El nombre interno te ayuda a gestionar el formulario y no se muestra automáticamente a los visitantes.

Elegir una plantilla de Slide-in

Los Slide-in ofrecen un formulario en blanco, un formulario estándar y cuatro plantillas diseñadas:

• Recordatorio limpio
• Oferta oscura
• Cupón cálido
• Nota minimalista

Las plantillas están diseñadas para mensajes compactos, pero todos los elementos siguen siendo editables. Después de elegir una plantilla inicial, puedes cambiar el contenido, los campos, los colores, la tipografía, el borde, el espaciado y el botón de envío.

Diseñar el Slide-in

Usa el creador visual para organizar el Slide-in. Puede contener el formulario de registro junto con texto, una imagen, un vídeo, una lista, un botón, enlaces sociales, un contador de suscriptores, un espaciador o un separador.

El espacio es más limitado que en una Landing Page o un Formulario incrustado ancho. Mantén la oferta centrada y evita añadir contenido que obligue a los visitantes a buscar los campos o el botón de envío.

Selecciona el bloque del formulario de registro para configurar los campos, la información obligatoria, las etiquetas ocultas, el indicador de progreso, el contador de suscriptores, los campos de entrada y el botón de envío. Abre “Page settings” para cambiar el fondo del Slide-in y los ajustes predeterminados de apariencia general.

Normalmente, un diseño de una sola columna es la opción más clara. Si usas varias columnas, comprueba con atención cómo se apilan en pantallas estrechas.

Elegir la posición en pantalla

Selecciona el bloque del formulario de registro y abre “Widget Settings”. El selector de posición ofrece una cuadrícula de tres por tres:

• Arriba a la izquierda, arriba en el centro o arriba a la derecha
• En el centro a la izquierda, en el centro o en el centro a la derecha
• Abajo a la izquierda, abajo en el centro o abajo a la derecha

Elige una posición que no cubra controles importantes del sitio web. Comprueba los avisos de cookies, los widgets de chat, la navegación, los botones del carrito de compra y otros elementos fijos antes de decidir.

En pantallas móviles estrechas, Maildroppa simplifica la ubicación para que el Slide-in se ajuste al ancho disponible. Las posiciones superiores permanecen arriba; las demás se muestran desde el borde inferior. Prueba siempre el resultado en una pantalla pequeña en lugar de confiar únicamente en la posición de escritorio.

Configurar el retraso de visualización

“Display Delay” define cuántos segundos espera Maildroppa antes de mostrar el Slide-in en una página incrustada de un sitio web.

Usa 0 cuando el Slide-in deba estar disponible de inmediato. Introduce un retraso más largo cuando los visitantes deban tener primero tiempo para interactuar con la página. El creador admite un retraso de hasta 86.400 segundos.

Un retraso corto puede funcionar bien para un recordatorio sencillo de newsletter. En un artículo más largo, una aparición más tardía puede resultar más natural y hacer que la oferta sea más relevante para los lectores interesados.

Configurar la frecuencia de visualización

“Display Frequency” controla el periodo después del cual el Slide-in puede volver a mostrarse al mismo visitante. Puedes elegir:

• Siempre
• Una vez por hora
• Una vez al día
• Una vez por semana
• Una vez al mes

Usa una frecuencia que se ajuste a la oferta. Una promoción temporal puede necesitar un intervalo más corto, mientras que un recordatorio general de newsletter normalmente no necesita aparecer en cada visita.

La frecuencia se almacena en el navegador del visitante. Otro navegador, una ventana de navegación privada o el almacenamiento del navegador borrado se consideran un historial de visitas diferente.

Conectar el flujo de registro

Revisa el flujo de registro asignado en el encabezado del creador. Define la respuesta después del envío, el correo electrónico de Double Opt-in y lo que sucede después de la confirmación.

Puedes seleccionar un flujo existente, editar el flujo actual o crear uno específico para este Slide-in. Si el flujo se comparte entre varios formularios, los cambios realizados en él les afectan a todos.

Previsualizar y guardar

Haz clic en “Preview” para revisar el Slide-in antes de añadirlo a tu sitio web. Comprueba la posición seleccionada, el comportamiento de apertura, el orden de los campos, el control de cierre y la respuesta completa del registro.

Haz clic en “Save changes” cuando el formulario y los Widget Settings estén listos. Después, vuelve a la Vista general de formularios de registro.

Activar e incrustar el Slide-in

Activa el Slide-in desde su menú de acciones de tres puntos si aún no está activo. Haz clic en “Show Code Snippet” y copia el código completo de la pestaña “JavaScript”.

Añade este script a cada página del sitio web en la que el Slide-in deba estar disponible. A diferencia de un Formulario incrustado, la posición exacta del script dentro de la página no determina la posición visible del Slide-in. La posición elegida en Widget Settings controla dónde aparece.

La pestaña “HTML” proporciona el marcado generado para implementaciones personalizadas. Si tu sitio web usa esta opción, prueba cuidadosamente toda la interacción y el flujo de envío.

Para consultar instrucciones generales sobre la ubicación del código, visita Crear e incrustar un formulario incrustado.

Probar el Slide-in en tu sitio web

Después de añadir el código, prueba la página real del sitio web:

1. Comprueba que el Slide-in aparezca después del retraso seleccionado.
2. Confirma su posición en una pantalla ancha.
3. Comprueba la posición y el ancho adaptados en una pantalla estrecha.
4. Asegúrate de que no cubra la navegación, los controles de cookies, los botones de chat ni otras acciones importantes.
5. Prueba a abrir y cerrar el Slide-in.
6. Envía el formulario y completa el proceso de Double Opt-in.
7. Verifica el suscriptor y las etiquetas ocultas en Maildroppa.

El ajuste de frecuencia puede impedir que el formulario vuelva a aparecer durante pruebas repetidas. Usa una ventana de navegación privada o borra el almacenamiento del navegador correspondiente cuando necesites simular un visitante nuevo.

Actualizar o desactivar el Slide-in

Abre el mismo Slide-in en Maildroppa, realiza los cambios, previsualízalos y haz clic en “Save changes”. El fragmento de JavaScript seguirá usando el mismo ID de formulario y cargará la configuración guardada.

Elige “Deactivate” en la Vista general de formularios de registro cuando quieras retirar el Slide-in sin eliminarlo. Si ya no tienes previsto usarlo, elimina también su script del sitio web.