Ir al contenido principal

Formularios de Inscripción: Configuración del Tema

Aprende a personalizar la apariencia y el estilo de tu Formulario de suscripción con la Configuración del tema

Escrito por Ira

La configuración del tema te permite personalizar el diseño de tu formulario y definir opciones de diseño predeterminadas, incluyendo colores, botones, campos y el botón de cerrar.

Utiliza la configuración del tema para alinear tu formulario con tu marca y crear una experiencia profesional y fluida que ayude a aumentar el compromiso y las conversiones.


Diseño del formulario

Controla dónde y cómo aparece tu formulario en tu sitio.

  • Tipo de Visualización: Elige entre Popup, Landing, Embebido o Flyout. Puedes copiar un formulario y cambiar su tipo de visualización para reutilizar el mismo diseño en múltiples formatos.

  • Ancho del formulario: Ajusta el ancho de 300 a 1000 píxeles para adaptarse a cualquier tamaño de pantalla.

  • Imagen de fondo: Posiciona tu imagen a la izquierda, derecha, arriba o como fondo completo.

    • También puedes establecer el ancho de tu imagen para llenar el espacio o ajustarse al tamaño del formulario.

  • Posición del formulario: Establece dónde aparece el formulario en la página (por ejemplo, centro, esquina inferior derecha).

Estilos de formularios

Define el aspecto general de tu formulario con formas de esquina, bordes y color de superposición.

  • Esquinas: Elige cuadradas, ligeramente redondeadas, más redondeadas o especifica un radio personalizado manualmente.

  • Grosor del borde: Ajusta el grosor del borde de 0 a 60 píxeles (0 px = sin borde).

  • Estilo del borde: Selecciona Sólido, Discontinuo o Puntado.

  • Color del borde: Establece usando un código hexadecimal o un selector de color.

  • Color de superposición: Agrega un color sobre el fondo del formulario en el editor de formularios de Omnisend.

Configuración de botones

Personaliza la apariencia de los botones en tu formulario. Los cambios se aplican de manera consistente en todas las instancias de cada tipo de botón.

Estilos de botones

  • Botón primario – Llamada a la acción principal (por ejemplo, Enviar, Suscribirse).

  • Botón Secundario – Acción alternativa (por ejemplo, No Gracias, Quizás Más Tarde).

  • Botón terciario – Enlaces opcionales (por ejemplo, Aprender más, Leer política).

Opciones de personalización de botones

  • Esquinas: Cuadradas, ligeramente redondeadas, más redondeadas o personalizadas.

  • Color de fondo: Establece el color de fondo del botón usando un código hexadecimal o el selector de color.

  • Fuente: Selecciona el tipo y tamaño de fuente para el texto del botón.

  • Decoración: Texto en negrita, cursiva o subrayado.

  • Color del Texto: Color del texto del botón.

  • Alineación: Izquierda, centro o derecha.

  • Grosor del borde: De 0 a 60 píxeles.

  • Estilo del borde: Selecciona Sólido, Discontinuo o Puntado.

  • Color del borde: Establece el color del borde usando un código hexadecimal o el selector de color.

  • Relleno: Ajusta el espacio interno para controlar el tamaño del botón.

Configuración de campos

Personaliza los campos de entrada donde los visitantes ingresan su información.

  • Estilo del campo: Elige Con borde (campos encerrados en un borde visible) o Subrayado (solo subrayado mínimo).

  • Esquinas: Cuadradas, ligeramente redondeadas, más redondeadas o radio personalizado.

  • Color de fondo: Establece el color de fondo del campo.

  • Color de error: Elige el color utilizado para los mensajes de error cuando la validación falla.

  • Fuente: Selecciona el tipo y tamaño de fuente para el texto dentro de los campos.

  • Decoración: Texto en negrita, cursiva o subrayado.

  • Color del texto: Color del texto ingresado en los campos.

  • Color del marcador de posición: Color del texto del marcador de posición (por ejemplo, "Introduce tu correo electrónico").

  • Color de la etiqueta: Color de las etiquetas de los campos (por ejemplo, "Dirección de correo electrónico").

  • Alineación: Izquierda, centro o derecha.

  • Grosor, estilo y color del borde: Controla la apariencia del borde del campo.

  • Relleno: Ajustar el espaciado interno dentro de los campos.

Configuración de cierre

Controla el botón que tus visitantes utilizan para cerrar tu formulario.

  • Mostrar botón de cerrar: Mostrar u ocultar el botón de cerrar (X).

    • Cuando está deshabilitado, los visitantes solo pueden cerrar el formulario enviándolo o haciendo clic fuera del formulario (si está habilitado a continuación).

  • Color del botón de cerrar: Cambia el color del botón de cerrar (X) para que coincida con tu tema.

  • Fondo: Establece un color de fondo para el botón de cerrar.

  • Habilitar "Cerrar haciendo clic fuera del formulario": Permite a los visitantes cerrar el formulario haciendo clic en cualquier lugar fuera de él, especialmente útil para móviles.

Nota: La configuración del botón de cerrar no está disponible para los formularios incrustados y de Landing.

Preguntas Frecuentes

¿Puedo mover el botón de cerrar a una posición diferente?

No. La configuración del tema solo te permite cambiar el color y fondo del botón de cerrar. La posición del botón de cerrar (superior derecha por defecto) no puede ser cambiada a través de la configuración del tema.

¿Por qué mi texto del botón no está verticalmente centrado?

El centrado vertical del texto del botón se controla mediante Relleno, no solo Alineación. Aumenta los valores de relleno superior e inferior en la configuración de botones para dar más espacio vertical al texto dentro del botón.

¿Puedo agregar CSS personalizado a mis formularios?

La configuración del tema proporciona opciones de estilo completas (colores, fuentes, bordes, relleno, alineación) pero no admite inserción de CSS personalizado. Si necesitas un estilo avanzado más allá de la configuración del tema, consulta al desarrollador del tema de tu sitio web para aplicar CSS dirigido a los formularios de Omnisend en tu sitio.


¿Necesitas ayuda? Consulta nuestro recursos adicionales o

nuestro equipo de soporte para obtener orientación! Estamos aquí 24/7 para ti a través del chat en la aplicación o en

[email protected] o a través del chat en la aplicación.

¿Ha quedado contestada tu pregunta?