Bloques de contenido de pop-up web

Referencia para cada bloque que puede añadir en un diseño de contenido de pop-up web desde la pestaña Elements.

Cada tipo de bloque tiene un propósito diferente en el pop-up:

• Texto: texto en el pop-up, con formato en línea y estilos de texto
• Botón: una llamada a la acción que abre un enlace, cierra el pop-up, solicita notificaciones push web o va a otra página
• Icono: un pequeño pictograma junto a su texto
• Cuenta regresiva: un temporizador de fecha límite en vivo
• Selector de temas: casillas de verificación o chips que escriben intereses en una etiqueta (tag)
• Calificación: una puntuación NPS, de estrellas o de pulgares enviada como un evento (event)
• Formulario de suscripción: registro de correo electrónico y otros campos de formulario

Cómo configurar los bloques de contenido

1. Abra la pestaña Elements a la derecha.

2. Arrastre un mosaico al pop-up, o haga clic en él para añadirlo a la página.
   • Un clic inserta el bloque debajo de la selección en el lienzo.
   • Si no hay nada seleccionado, el bloque se coloca al final de la primera sección de la página.
3. Seleccione un bloque en el pop-up para abrir la pestaña Settings (junto a Elements). Añadir un bloque desde Elements abre Settings inmediatamente.

Para mover un bloque a cualquier lugar del pop-up, incluso a otra sección, selecciónelo y arrastre el asa que aparece a su izquierda hasta cualquier espacio libre.

En Settings puede:

• Configurar las opciones propias de ese bloque
• Moverlo hacia arriba o hacia abajo dentro de su sección con POSITION (flechas de arriba y abajo)
• Eliminarlo con el icono de eliminar

Nota

Cuando una sección del pop-up aún no tiene elementos, muestra sus propios controles + Text, + Button y + Form en su lugar. Para añadir un Icono, Cuenta regresiva, Selector de temas o Calificación allí:

1. Añada un elemento usando el control + Text o + Button.
2. Selecciónelo.
3. Añada el bloque desde la pestaña Elements. Aterrizará en la misma sección, debajo de su selección.

Texto

Haga clic en cualquier texto o etiqueta de botón en el pop-up para editarlo en línea. Aparecerá una barra de herramientas sobre él:

• Aplicar formato de negrita, cursiva o subrayado.
• Añadir o eliminar un enlace.
• Establecer alineación a la izquierda, al centro o a la derecha.

Para cambiar el estilo del texto, selecciónelo y abra la pestaña Settings a la derecha. Elija Icon (estilo de texto, no el bloque Icono), Eyebrow, Heading 1–3, Body o Caption.

Botón

Haga clic en un botón para seleccionarlo, luego abra la pestaña Settings a la derecha:

• Estilo del botón: Primario o Secundario.
• Acción:
  • Abrir un enlace: introduzca la URL del enlace. Nueva pestaña está activado por defecto. Desmarque la casilla para abrir el enlace en la misma pestaña.
  • Cerrar el pop-up.
  • Suscribirse: solicitar permiso de notificaciones push web y suscribir al visitante. Este no es el bloque de Formulario de suscripción de correo electrónico. Una solicitud concedida cierra el pop-up. Una denegada deshabilita el botón, porque el navegador no lo solicitará dos veces.
  • Ir a la página: elija otra página del pop-up a la que cambiar. Esta opción aparece una vez que el pop-up tiene más de una página. Consulte Trabajar con varias páginas.

Use POSITION para mover el botón hacia arriba o hacia abajo, o el icono de eliminar para quitarlo.

Icono

Añada un bloque de Icono para colocar un pequeño pictograma (por ejemplo, un signo de porcentaje para una oferta, o un regalo para un sorteo) junto a su texto. Este es el bloque Icono, no el estilo de texto Icono bajo Texto.

1. Abra la pestaña Elements a la derecha.
2. Haga clic en Icono.
3. Establezca las opciones en la pestaña Settings:

• Icono: elija de un conjunto fijo de 20 iconos (campana, regalo, carrito, gráfico, candado, calendario, marca de verificación, estrella, reloj, etiqueta, correo, teléfono, descarga, reproducir, escudo, destello, porcentaje, camión, boleto, usuario). No se admiten cargas de iconos personalizados.
• Tamaño: 24, 32 o 48 px.
• Acento: activado por defecto, para que el icono coincida con el color de acento del pop-up. Desactívelo para elegir un color personalizado.

Cuenta regresiva

Añada un bloque de Cuenta regresiva para crear urgencia con una fecha límite que descuenta en vivo en el pop-up.

1. Abra la pestaña Elements a la derecha.
2. Haga clic en Cuenta regresiva.
3. Establezca las opciones en la pestaña Settings:

• Fecha límite: la fecha y hora en que la cuenta regresiva llega a cero.
• Zona horaria: la zona en la que se lee la fecha límite, no la zona horaria del visitante. Por defecto, es la zona horaria de su navegador; elija UTC de la lista para leer la fecha límite literalmente.
• Idioma: el idioma de las etiquetas de las unidades (días, horas, etc.). Déjelo en Inglés (predeterminado) o elija entre otros 14 idiomas.
• Etiquetas: actívelo para mostrar las etiquetas de las unidades junto a los números.
• Cuando pasa la fecha límite:
  • Mostrar ceros: la cuenta regresiva sigue mostrando 00:00:00.
  • No mostrar el pop-up: todo el pop-up se omite una vez que la fecha límite ha pasado. Pushwoosh comprueba la fecha límite justo antes de que aparezca el pop-up. Un pop-up omitido de esta manera no cuenta para la frecuencia de Una vez por visitante.
  • Ir a la página: saltar a otra página del pop-up cuando pase la fecha límite. Solo se ofrece una vez que el pop-up tiene más de una página. Elija la página de destino en el menú desplegable que aparece. Consulte Trabajar con varias páginas.

Selector de temas

Añada un bloque de Selector de temas para permitir que los visitantes autoseleccionen sus intereses como casillas de verificación o chips. Sus selecciones se escriben en una etiqueta (tag) en su dispositivo.

1. Abra la pestaña Elements a la derecha.
2. Haga clic en Selector de temas. El bloque aparece con dos opciones de marcador de posición. Sus ajustes se abren en la pestaña Settings.

3. En Etiqueta de lista en la que se escribe la elección, elija una etiqueta de tipo Lista existente, o elija Crear una etiqueta de lista para crear una sin salir del editor. Hasta que no elija una etiqueta, el bloque no escribirá nada.
4. Establezca el Control en Casillas de verificación o Chips.
5. Establezca Selecciones mínimas y Selecciones máximas. 0 en cualquiera de los extremos significa que no hay límite en ese lado (0 = cualquiera en las etiquetas de los campos). Siempre se requiere al menos una selección para enviar, incluso cuando el Mínimo es 0. Seleccionar más allá del máximo, o intentar enviar por debajo del mínimo, muestra un mensaje en línea junto al bloque en lugar de enviar nada.
6. En Opciones y texto, edite la etiqueta de cada opción (lo que lee el visitante) y el Valor de la etiqueta (lo que se escribe en la etiqueta). Si deja el Valor de la etiqueta vacío, Pushwoosh escribe el ID interno de la opción en su lugar (option-1, option-2, etc.). Use + Opción para añadir otra fila, hasta un total de 12 opciones.
7. Establezca la Etiqueta del botón (predeterminado Guardar) y el Mensaje después de enviar (predeterminado ¡Gracias! Su elección ha sido guardada.).

Las selecciones solo añaden, nunca eliminan

Las selecciones de un visitante se añaden a la etiqueta. Enviar el bloque de nuevo añade más valores. Nunca borra los anteriores. Un pop-up no puede permitir que un visitante deseleccione un tema que eligió antes. Eso necesita una superficie diferente, como una página de preferencias respaldada por la misma etiqueta.

Calificación

Añada un bloque de Calificación para recoger una puntuación rápida (NPS, estrellas o pulgares) como un evento personalizado.

1. Abra la pestaña Elements a la derecha.
2. Haga clic en Calificación. El bloque aparece sin ningún evento establecido. Sus ajustes se abren en la pestaña Settings.

3. Establezca la Escala en NPS 0–10, Estrellas (1 a 5) o Pulgares (arriba o abajo). En los tres, una puntuación más alta significa una calificación más positiva. Pulgares envía 1 para un pulgar hacia arriba y 0 para un pulgar hacia abajo.
4. Establezca Cuándo se envía la puntuación en Al tocar (se envía cuando el visitante elige un valor) o Con un botón (espera a un clic de envío).
5. En Evento como el que se envía la puntuación, elija un evento de su proyecto, o elija Crear un evento para definir uno nuevo sin salir del pop-up. La puntuación se almacena como ese evento (atributos score, scale y slotKey). Úselo en segmentos o Customer Journeys como cualquier otro evento. Hasta que no elija un evento, el bloque no enviará nada.
6. Opcionalmente, rellene la Etiqueta izquierda y la Etiqueta derecha en los dos extremos de la escala.
7. Si Cuándo se envía la puntuación es Con un botón, establezca la Etiqueta del botón (predeterminado Enviar calificación).

Crear un evento aquí es permanente

• Un evento que cree desde este menú es un evento real en su proyecto, no un borrador. Eliminarlo más tarde significa ir a la lista de eventos de su proyecto, no solo cambiar el pop-up.
• Si un evento vinculado al bloque se renombra o elimina posteriormente en otro lugar, o se escribió en este campo antes de que se convirtiera en un selector, el selector muestra Falta: <nombre del evento>. No elimina ni cambia el evento silenciosamente. Elija un evento diferente para arreglar la vinculación.

Formulario de suscripción

Añada un bloque de Formulario de suscripción para recoger registros de correo electrónico y otros campos en el pop-up. Use esto para correo electrónico y campos de formulario. Para el permiso de notificaciones push web, use un botón con la acción Suscribirse en su lugar. Aprenda más sobre los formularios de suscripción.

Nota

Un pop-up solo puede tener un Formulario de suscripción. Una vez que cualquier página ya tiene uno, ese mosaico no está disponible en Elements.

Añadir el bloque

1. Abra la pestaña Elements a la derecha.
2. Haga clic en Formulario de suscripción.
3. El bloque aparece con un campo de Correo electrónico y un botón de Suscribirse por defecto. Sus ajustes se abren en la pestaña Settings.

Elegir una fuente de formulario

Con el bloque seleccionado, la pestaña Settings muestra un menú desplegable de Formulario de suscripción que vincula el bloque a un formulario de suscripción en su proyecto. Puede crear un nuevo formulario o elegir uno que ya exista:

Opción	Cuándo usar
Nuevo formulario — creado al guardar (predeterminado)	El inicio más rápido: Pushwoosh crea el formulario por usted cuando guarda el pop-up, llamado “nombre del pop-up — web popup”.
+ Crear nuevo formulario…	Quiere nombrar el formulario y configurarlo antes de guardar el pop-up. Abre un diálogo de Nuevo formulario de suscripción. Introduzca un Nombre, establezca los Campos, el texto de Enviar y la Privacidad, luego haga clic en Crear.
Un formulario existente del menú desplegable	Reutilizar un formulario que ya tiene suscriptores o doble opt-in configurado.

Importante

Si elige un formulario existente del menú desplegable, guardar este pop-up actualiza ese formulario de suscripción para todo el proyecto. Los campos, el texto del botón de envío y los mensajes de éxito que establezca en este bloque reemplazan lo que ese formulario tenía antes. Eso incluye el formulario incrustado en su sitio web y el formulario en Audiencia → Formularios de suscripción.

Otros pop-ups web que usan el mismo formulario no se actualizan. Cada pop-up mantiene su propia copia de los campos y textos del bloque hasta que vuelva a abrir ese pop-up y lo guarde de nuevo.

Establecer campos y comportamiento de envío

Aún en la pestaña Settings:

1. Establezca el Estilo del botón de envío:
   • Primario: botón relleno con el color de Acento del pop-up. Es mejor cuando Suscribirse es la acción principal en la página.
   • Secundario: botón con contorno, un borde y una etiqueta de color de acento. Es mejor cuando el pop-up ya tiene un botón primario o si desea un aspecto más ligero.
2. Active la Privacidad para añadir una línea de consentimiento de privacidad debajo del formulario, luego introduzca la URL de su política de privacidad en el campo que aparece.

3. En Campos, mantenga Correo electrónico (siempre requerido) y añada Nombre, Apellido, Teléfono o Personalizado.
   • Para un campo Personalizado, elija la etiqueta (tag) a la que se envía su valor desde el menú desplegable Elegir una etiqueta…, o elija Crear una etiqueta para crear una nueva etiqueta de tipo cadena sin salir del editor.
   • Establezca los textos de Éxito y Confirmar correo electrónico que se muestran después de que un visitante envíe.