Crear e incrustar un formulario de suscripción

Pushwoosh le da la flexibilidad de crear formularios de suscripción para diferentes escenarios de registro, personalizar los campos que recopila y mostrar el formulario como un widget modal o en línea en su sitio web.

Cómo crear un formulario

Para crear un nuevo formulario de suscripción:

1. Vaya a Audiencia → Formularios de suscripción.
2. Haga clic en Crear formulario.

3. Configure el formulario. Una previsualización en vivo aparece a la derecha y se actualiza a medida que cambia la configuración.

Configurar los ajustes generales

Configure los siguientes campos.

Todos los campos en esta sección son obligatorios.

• Nombre interno del formulario: se usa solo dentro de Pushwoosh, no se muestra a los suscriptores. Ejemplo: “Suscripción al boletín”.
• Tipo de visualización: elija cómo aparece el formulario en su sitio:
  • Ventana emergente modal: una superposición emergente que aparece sobre la página cuando se activa el Disparador que usted establece, por ejemplo, Inmediatamente o después de unos segundos (consulte Establecer el tiempo de la ventana emergente modal). Es ideal para suscripciones a boletines u ofertas promocionales que desea que los visitantes noten.
  • Incrustado en línea: el formulario se encuentra dentro del contenido de su página (por ejemplo, en una barra lateral o al final de un artículo). Los visitantes lo ven como parte del diseño de la página, no como una ventana emergente separada.
• URL de la política de privacidad: el formulario muestra una casilla de consentimiento (“Acepto la Política de privacidad”) que enlaza a esta URL. Ejemplo: https://example.com/policy.

Establecer el tiempo de la ventana emergente modal

Solo para Ventana emergente modal:

1. Defina cuándo aparece la ventana emergente en la página. En el menú desplegable Disparador, seleccione:

• Inmediatamente (predeterminado)
• Después de 3 segundos
• Después de 5 segundos
• Después de 10 segundos

2. En el menú desplegable Frecuencia, seleccione con qué frecuencia cada visitante ve la ventana emergente:

• Una vez por visitante (predeterminado): una vez por dispositivo
• Una vez por sesión: una vez por sesión del navegador
• Siempre: cada vez que visitan la página

Configurar los campos del formulario

Cada formulario incluye un campo de Correo electrónico por defecto (no se puede eliminar). Puede agregar hasta cuatro campos más, para un total de cinco.

Haga clic en + Nombre, + Apellido, + Número de teléfono o + Campo personalizado para agregarlos.

Nota

Los valores de estos campos integrados se guardan en etiquetas estándar: first_name, last_name y phone. Los campos personalizados guardan sus valores en las etiquetas que seleccione en la configuración de Etiqueta vinculada.

Para cada campo, marque Requerido si el visitante debe completarlo (los campos requeridos muestran un asterisco *). Use el icono de la papelera para eliminar un campo.

Crear un campo personalizado

1. Haga clic en + Campo personalizado en la lista de campos.
2. En Etiqueta vinculada, elija la etiqueta de Pushwoosh que almacenará el valor enviado desde este campo (por ejemplo, birthday). Necesita crear la etiqueta con antelación.
3. Establezca la Etiqueta del campo: el texto que los visitantes ven junto a la entrada (por ejemplo, Fecha de nacimiento).
4. Opcionalmente, establezca el Marcador de posición (opcional): texto de ayuda dentro del campo vacío (por ejemplo, MM/DD/YYYY).
5. Active o desactive Requerido.

Previsualizar y guardar el formulario

Una previsualización en vivo aparece en el lado derecho de la interfaz de Crear formulario de suscripción y se actualiza a medida que cambia la configuración. Use Restablecer previsualización debajo de la previsualización para restaurar el estado de previsualización predeterminado.

Nota

Los envíos de prueba desde la Previsualización no crean suscriptores en su proyecto.

Cuando termine de configurar el formulario, haga clic en Crear en la esquina superior derecha.

Copiar el código de inserción y añadirlo a su sitio

Se necesita ayuda de un desarrollador

Necesitará la ayuda de su equipo de desarrollo para agregar el código de inserción a su sitio web.

Se abre un diálogo con el código de inserción para su formulario. Haga clic en Copiar código para copiar el fragmento al portapapeles.

Dónde pegar el código de inserción en su sitio web

Añada el script al HTML de la página donde debe ejecutarse.

• Para la Ventana emergente modal, colocar el script antes de la etiqueta de cierre </body> es el enfoque habitual.

• Para el Incrustado en línea, coloque el fragmento en el lugar exacto de su marcado donde desea que aparezca el bloque del formulario.

Personalizar el widget con CSS

Puede anular el estilo predeterminado (colores, tipografía, espaciado y el modal) en su sitio estableciendo propiedades personalizadas de CSS en el elemento pushwoosh-subscribe-widget. Aprenda más.

Cómo se ven los diferentes tipos de visualización en su sitio web

Estos ejemplos muestran cómo cada tipo de formulario puede aparecer en una página en vivo. Las etiquetas de los campos y los marcadores de obligatoriedad coinciden con lo que usted configura en el creador de formularios.

Ventana emergente modal

Incrustado en línea

Próximos pasos

• Habilitar el doble opt-in para requerir confirmación por correo electrónico antes de agregar suscriptores
• Personalizar el widget del formulario de suscripción para que coincida con su sitio web
• Revisar el rendimiento del formulario y exportar suscriptores para hacer seguimiento de los resultados y descargar los datos de los suscriptores