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 construir un formulario

Para crear un nuevo formulario de suscripción:

1. Vaya a Audience → Subscription forms.
2. Haga clic en Create form.

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

Configurar ajustes generales

Configure los siguientes campos.

Todos los campos de esta sección son obligatorios.

• Internal form name: se usa solo dentro de Pushwoosh, no se muestra a los suscriptores. Ejemplo: “Suscripción al boletín”.
• Display type: elija cómo aparece el formulario en su sitio:
  • Modal popup: una superposición emergente que aparece sobre la página cuando se activa el Trigger que configuró, por ejemplo Immediately o después de unos segundos (consulte Establecer el tiempo de la ventana emergente modal). Ideal para suscripciones a boletines u ofertas promocionales que desea que los visitantes noten.
  • Embedded inline: el formulario se encuentra dentro del contenido de su página (p. ej., 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.
• Privacy policy URL: 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 Modal popup:

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

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

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

• Once per visitor (predeterminado): una vez por dispositivo
• Once per session: una vez por sesión del navegador
• Always: cada vez que visitan la página

Configurar campos del formulario

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

Haga clic en + First name, + Last name, + Phone number o + Custom field 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 Linked tag.

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

Crear un campo personalizado

1. Haga clic en + Custom field en la lista de campos.
2. En Linked tag, 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 Field label: el texto que los visitantes ven junto a la entrada (por ejemplo, Fecha de nacimiento).
4. Opcionalmente, establezca Placeholder (optional): texto de sugerencia dentro del campo vacío (por ejemplo, MM/DD/YYYY).
5. Active o desactive Required.

Previsualizar y guardar el formulario

Una vista previa en vivo aparece en el lado derecho de la interfaz de creación de formulario de suscripción y se actualiza a medida que cambia la configuración. Use Reset preview debajo de la vista previa para restaurar el estado de vista previa predeterminado.

Nota

Los envíos de prueba desde la Vista previa no crean suscriptores en su proyecto.

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

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

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

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

Agregue el script al HTML de la página donde debe ejecutarse.

• Para Modal popup, colocar el script antes de la etiqueta de cierre </body> es el enfoque habitual.

• Para Embedded inline, 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 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 rastrear resultados y descargar datos de suscriptores