El bloque de Formulario de Suscripción te permite recopilar nombres y direcciones de correo electrónico de visitantes interesados en recibir actualizaciones, noticias y ofertas de tu sitio. Añádelo a cualquier página de destino o plantilla de SeedProd para empezar a crear tu lista de suscriptores de inmediato.
El bloque incluye campos personalizables de Nombre y Correo electrónico, un botón de envío con control total de estilo, una acción de éxito para mostrar un mensaje o redirigir después del envío, e integración incorporada con plataformas populares de marketing por correo electrónico de terceros.
Añadir el Bloque de Formulario de Suscripción a tus Páginas
Sigue estos pasos para añadir un bloque de Formulario de Suscripción a tu página de SeedProd:
Paso 1: Añadir el Bloque
En Diseño > Bloques, arrastra y suelta el bloque Formulario de Suscripción en la sección deseada de tu página.
Paso 2: Configurar los Ajustes de Contenido
Una vez añadido, haz clic en el bloque de Formulario de Suscripción para abrir su configuración. La pestaña Contenido está organizada en tres secciones: Campos, Botón de Envío y Acción de Éxito.
Campos:
- Campos de Correo electrónico / Nombre / Confirmación de Suscripción: Cada campo se lista como una fila arrastrable. Haz clic en el icono de configuración de una fila de campo para expandir su configuración individual. Puedes personalizar la Etiqueta (el texto que se muestra encima del campo de entrada) y el Ancho (qué tan ancho es el campo como porcentaje del formulario, de 10 a 100%). El campo Nombre también tiene un interruptor Requerido para hacerlo obligatorio. Usa el icono del ojo para mostrar/ocultar para mostrar u ocultar los campos de Nombre y Confirmación de Suscripción de tu formulario. El campo Confirmación de Suscripción está oculto por defecto — habilítalo para añadir una casilla de consentimiento estilo GDPR que los visitantes deben marcar antes de enviar.
- Tamaño: Establece el tamaño general de los campos de entrada — Pequeño, Mediano o Grande.
- Alineación: Establece la alineación horizontal de todo el formulario — Izquierda, Centro o Derecha.
Botón de Envío:
- Texto del Botón: Personaliza la etiqueta que se muestra en el botón de envío.
- Ancho: Establece el ancho del botón como un porcentaje del formulario de 10 a 100%.
- Tamaño de Fuente: Establece el tamaño de fuente del texto del botón de 0 a 72px.
- Color de Fondo: Establece el color de fondo del botón de envío.
Acción de Éxito:
- Acción a Realizar: Elige qué sucede después de un envío de formulario exitoso — Mostrar Mensaje muestra un mensaje de agradecimiento personalizado en lugar del formulario, o Redirigir envía al visitante a una URL de tu elección.
- Mensaje: Introduce el mensaje de agradecimiento para mostrar después del envío (disponible cuando se selecciona Mostrar Mensaje). Admite formato de texto enriquecido.
- URL de Redirección: Introduce la URL a la que redirigir al visitante después del envío (disponible cuando se selecciona Redirigir).
Paso 2a: Elegir un Estilo de Plantilla
En la pestaña Plantillas, puedes seleccionar entre estilos de campos de entrada prediseñados para cambiar rápidamente la apariencia visual de tu Formulario de suscripción. Haz clic en cualquier plantilla para aplicarla al instante.
- Estilos disponibles: Elige entre 7 diseños de plantilla diferentes: Estilos de campo de entrada Claros, Sin borde, Borde ancho, Grises, Oscuros, Borde inferior y Transparentes.
Paso 3: Personaliza el Diseño
En la pestaña Avanzado, puedes ajustar la tipografía, los colores de los campos, el estilo del botón y el espaciado de tu bloque de Formulario de suscripción.
Formulario:
- Familia de fuentes: Elige la familia de fuentes y la variante de fuente que se aplicarán a todas las etiquetas del formulario y al texto de los campos.
- Radio del borde: Establece el radio de las esquinas de todos los campos de entrada de 0 a 100px para controlar cuán redondeados o cuadrados aparecen.
- Eliminar relleno interno: Marca esta casilla para eliminar el relleno interno predeterminado entre los campos del formulario y el contenedor del bloque, permitiendo que el formulario quede alineado con su contenedor.
Campos:
- Color de fondo del campo: Establece el color de fondo de los campos de entrada.
- Color del texto del campo: Establece el color del texto que se escribe en los campos de entrada.
- Color del borde del campo: Establece el color del borde de los campos de entrada.
- Ancho del borde del campo: Establece el ancho del borde para cada lado de los campos de entrada (Superior, Derecho, Inferior, Izquierdo) de forma independiente.
Botón:
- Estilo del botón: Elige el estilo visual del botón de envío: Plano, Fantasma, 2D o Vintage.
- Icono antes del texto: Añade un icono de Font Awesome que aparezca antes del texto de la etiqueta del botón.
- Icono después del texto: Añade un icono de Font Awesome que aparezca después del texto de la etiqueta del botón.
Espaciado:
- Margen: Controla el espaciado exterior alrededor de tu bloque de Formulario de suscripción (Superior, Derecho, Inferior, Izquierdo). Esto determina cuánto espacio aparece entre el formulario y los elementos circundantes de la página.
- Relleno: Ajusta el espaciado interior dentro de tu bloque de Formulario de suscripción (Superior, Derecho, Inferior, Izquierdo). Esto crea espacio entre el formulario y los bordes del bloque.
Atributos:
- ID CSS: Muestra el identificador único generado automáticamente para tu bloque de Formulario de suscripción. Este ID es creado automáticamente por SeedProd para estilos personalizados o para la selección con JavaScript.
- Clase Personalizada: Agregue clases CSS personalizadas para aplicar estilos específicos de su tema o CSS personalizado.
- Atributos Personalizados: Agregue cualquier atributo HTML al elemento contenedor del bloque. Ingrese cada atributo en una nueva línea usando el formato: nombre-atributo|valor.
Visibilidad del Dispositivo:
- Ocultar en escritorio: Oculta el bloque de Formulario de suscripción en pantallas de escritorio.
- Ocultar en tableta: Oculta el bloque de Formulario de suscripción en dispositivos tableta.
- Ocultar en móvil: Oculta el bloque de Formulario de suscripción en dispositivos móviles.
Efectos de Animación:
- Animación de entrada: Elige entre varios efectos de animación que se reproducen cuando el bloque de Formulario de suscripción entra en la vista. Las opciones incluyen Rebote, Fundido de entrada, Zoom de entrada, Rotación de entrada y muchas más.
Paso 4: Guarde sus Cambios
Una vez que hayas terminado de configurar el bloque de Formulario de suscripción y personalizar su apariencia, asegúrate de guardar tu trabajo.
Envíos del Formulario de suscripción
Por defecto, todos los envíos del Formulario de suscripción se guardan en la sección Suscriptores en SeedProd > Suscriptores. Puedes ver, exportar y gestionar tus datos de suscriptores recopilados desde allí.
Nota: Por defecto, el bloque Formulario de suscripción no envía notificaciones por correo electrónico cuando un nuevo suscriptor envía el formulario. Si deseas recibir notificaciones, considera conectar una integración de marketing por correo electrónico (ver abajo).
Conectar el Formulario de suscripción con Integraciones de Marketing por Correo Electrónico
Puedes integrar el bloque Formulario de suscripción con plataformas de marketing por correo electrónico de terceros en la sección Conectar de la configuración de tu página de SeedProd. Esto permite que los nuevos suscriptores se agreguen automáticamente a tus listas de correo en servicios como Mailchimp, AWeber, ConvertKit, ActiveCampaign y más.
Nota: Las Integraciones de Marketing por Correo Electrónico están disponibles en los planes de licencia Pro, Plus y Elite. Consulta nuestras integraciones de correo electrónico disponibles para ver la lista completa de plataformas compatibles.
¡Has agregado con éxito un bloque Formulario de suscripción a tu página! Úsalo para empezar a recopilar suscriptores, mejorar la interacción de tu sitio web y construir una audiencia a la que puedas dirigirte directamente. Experimenta con los diseños de los campos, los estilos de los botones y las plantillas preestablecidas para crear un formulario que coincida con tu marca y convierta a los visitantes en suscriptores.