¿Cómo configurar una notificación web óptima para dispositivos móviles y de escritorio?

¿Le gustaría configurar la opción web Push para dispositivos móviles y de escritorio? Mostraremos pasos completos para configurar la opción Push Web. Puede tener un estilo de opción diferente para escritorio y móvil. En este artículo le mostraremos la configuración completa. La notificación push es un servicio permisivo basado. El primer paso para implementar un impulso de la notificación del navegador es solicitar el permiso del usuario para enviar una notificación push. Con el cuadro de diálogo suscripción o optin, pedimos permiso de usuarios. Con la configuración correcta, puede ver un aumento en la tasa de registro de notificaciones push.
Hay dos tipos de opciones de notificación push:
Opción de un solo paso: los usuarios pueden suscribirse para presionar la notificación con un solo clic. No permite ninguna personalización. La copia es predeterminada en el navegador.
Opción en dos pasos: en este usuario, debe hacer clic dos veces para suscribirse. Puede personalizar desde el diseño para copiar en la opción de dos pasos
Puede personalizar la opción de notificación push para su sitio en el tablero de pushngage. Puede cambiar la colocación de la ventana emergente y el color del texto o el fondo tanto para escritorio como para dispositivos móviles, dependiendo de su sitio, para decidir cuál funciona mejor para usted.
Otra cosa importante en la opción de suscripción es la superposición de notificación. Proporciona espacio adicional para mostrar al visitante los beneficios de suscribirse a notificaciones push. En el caso de una opción de un solo paso, esta superposición de notificación se vuelve muy crucial. Porque no puede editar la copia Optin, así que mencione las razones para suscribirse a la notificación push. Configurar la opción de notificación push es muy simple. En este artículo, encontrará toda la información necesaria relacionada con la configuración de configuración. Una vez hecho esto, el usuario puede suscribirse a sus notificaciones push y puede enviar un mensaje push a su suscriptor.
Paso 2 -Seleccione el tipo de sitio como HTTP o HTTPS, dependiendo de su sitio web para el sitio web HTTP, el enlace se verá así,

Para el sitio web de HTTPS, el enlace se verá así –

Paso 3: seleccione un tipo de cuadro de diálogo de suscripción de sus opciones ofrecidas y haga clic en Editar

Paso 4: aquí puede personalizar el cuadro de diálogo de suscripción para escritorio y móvil y ver la vista previa una vez que haya terminado.

Tipos de opciones de suscripción para notificaciones web push y cómo configurar el estilo Safari para el escritorio
Cambie la ubicación: puede decidir dónde desea mostrar la opción en su sitio web o colocar su opción en las opciones ofrecidas en el menú desplegable. Haga clic en Place y seleccione cualquiera de las opciones mencionadas –
Centro desde arriba
Arriba a la izquierda
A la derecha
Verifique la vista previa desde el lado derecho del tablero.

Colocación – Centro de suspensión – Arriba a la izquierda

Colocación – Derecha a la derecha

Color de fondo: seleccione el color de fondo para la opción entre las opciones mencionadas o ingrese el código hexadecimal.

Color de fondo (para optar)
El botón permite: seleccione el color del botón permite o ingrese el código hexadecimal.

Color de fondo: el botón permite
Botón de bloque: seleccione el color del botón Permitir o ingrese el código Hexadecimal.

Color de fondo: botón Bloque Guardar los cambios y verifique la vista previa en el lado derecho del tablero.
Una vez que haya personalizado el estilo, puede hacer clic en Siguiente o puede acceder directamente a las opciones. Opciones: aquí puede decidir si desea mostrar el cuadro de diálogo de suscripción en su sitio web o no (es decir, cuando el usuario visita el sitio web a través del escritorio), mostrando la marca Pushengage y el tiempo de retraso de ocho en ocho en.

La ventana emergente del establecimiento de suscripción puede activar o desactivar la suscripción que se muestra en su sitio. Si apaga el botón del interruptor, los visitantes no recibirán la opción de suscripción.

Branding Pushengage: puede deshabilitar “Powered by Pushngage” desactivando el botón de conmutación.
Después de haber terminado, guarde los cambios y verifique la vista previa desde el lado derecho del tablero. Cuando la marca Pushengage está deshabilitada
Cuando se activa la marca Pushengage


Instalación rápida: debe hacer esta configuración solo si tiene un sitio HTTPS. Al ser un sitio HTTPS, debe dar un paso adicional para completar la instalación. Significa colocar archivos en el directorio raíz para que los enlaces sean accesibles –

www.your_site_name.com/mnifest.json
www.numle_site your.com/service-worker.js Pero si no tiene acceso al director raíz, puede hacerlo utilizando una instalación rápida. Para hacer esto, active el botón de conmutación para una instalación rápida y guarde los cambios. Tiempo para retrasar la opción: esta configuración mostrará la ventana de suscripción después de un cierto retraso en su sitio.
Retrasar el tiempo de opción Después de haber terminado, guarde sus cambios y haga clic en Siguiente o acceda a su móvil. Para los dispositivos móviles también, en los dispositivos móviles puede cambiar de estilo y opciones. Aquí está cómo hacerlo – estilo:
Cambie la ubicación: puede decidir dónde desea mostrar la opción en su sitio web o colocar su opción en su opción en el menú desplegable. Haga clic en Place y seleccione cualquiera de las opciones mencionadas, es decir, –

Parte superior

Fondo
Verifique la vista previa desde el lado derecho del tablero.
Colocación – arriba y abajo
Color de fondo: seleccione el color de fondo para la opción o ingrese el código hexadecimal.

El botón permite: seleccione el color de fondo para el botón Permitir o ingresar el código Hexadecimal.


Botón de bloqueo: seleccione el color de fondo para el botón de bloqueo o ingrese el código hexadecimal.
Guarde los cambios y verifique la vista previa desde el lado derecho del tablero.

Opciones: aquí puede cambiar la configuración del cuadro de diálogo para la suscripción si la muestra o no en su sitio web (es decir, cuando el usuario visita el sitio con un escritorio), la marca Pushngage y el tiempo de retraso.

La ventana emergente del establecimiento de suscripción puede activar o desactivar la suscripción que se muestra en su sitio. Si apaga el botón del interruptor, los visitantes no recibirán la opción de suscripción.

Verifique la vista previa desde el lado derecho del tablero.

Con y sin marca de empuje
Es hora de retrasar la opción: esta configuración mostrará la ventana de suscripción después de un cierto retraso en su sitio.

Una vez que haya terminado, guarde sus cambios y haga clic en Siguiente o vaya a la página Intermedia.

La página intermedia de esta página se utiliza para confirmar la suscripción o, en otras palabras, para completar la suscripción. Obtenga esta ventana emergente o la segunda opción porque la primera opción es una ventana emergente personalizada, y otra es predeterminada del navegador (opción nativa). Entonces, para completar la suscripción, debe hacer clic en Permitir dos veces. ¿Cómo personalizar la página intermedia? Puede cambiar el color de fondo y el texto de la página intermedia. Aquí le explica cómo hacerlo –


Color de fondo: seleccione el color de fondo para la opción o ingrese el código hexadecimal.

Página intermedia: color de fondo Después de haber terminado, verifique la vista previa en el lado derecho de la placa y guarde los cambios.

¿Cómo cambia el texto, el tamaño y el estilo de la fuente y el color?
Seleccione el área resaltada y cambie el texto dentro del cuadro.
Si desea cambiar el color y el tamaño del texto, seleccione el texto y luego puede cambiar el color del texto, resaltarlo y aumentar el tamaño del texto.

También puede cambiar el estilo del texto para los botones. Haga clic en el texto y luego cambie el color y el tamaño del texto. Puede tener un estilo diferente para los tres, que es para la página de escritorio, móvil e intermedia. Después de haber terminado, guardar sus cambios. Gran caja de estilo Safari aparece en el centro de la página tanto para dispositivos móviles como para el escritorio y, debido a que es una ventana emergente personalizada, es una suscripción de dos etapas. Aquí el usuario debe hacer clic en permitir dos veces (en la opción personalizada y la página intermedia) completar la suscripción. Estilo:

Colocación: puede colocar esta opción solo en el centro de la página tanto para dispositivos móviles como de escritorio
Para escritorio

Después de haber terminado, guarde los cambios y verifique la vista previa desde el lado derecho del tablero. Safari safari – para móvil

Color de fondo

El botón permite
El botón de bloqueo
Opción:
Emergente de suscripción
Branding de Pushengage
Instalación rápida
Opción de retraso
La página intermedia La configuración para la anterior son las mismas que las mencionadas en el paso 4.
La barra colocada de Bell aparece en la esquina derecha o inferior izquierda de la página para el móvil y el escritorio y, debido a que es una ventana emergente personalizada, es una suscripción de dos etapas. Aquí el usuario debe hacer clic en permitir dos veces (en la opción personalizada y la página intermedia) completar la suscripción. Estilo:
Colocación: solo puede colocar esta opción en la esquina inferior derecha o izquierda, tanto para dispositivos móviles como de escritorio. Una vez que haya terminado, guarde los cambios y verifique la vista previa desde el lado derecho del tablero.
Color de fondo
El botón permite que el bloqueobut
Opción:

Emergente de suscripción
Branding de Pushengage
Instalación rápida
Opción de retraso
La página intermedia La configuración para la anterior es las mismas que las mencionadas en el paso 4. El estilo de safari grande con segmento aparece en el centro de la página tanto para dispositivos móviles como de escritorio y, debido a que es una ventana emergente personalizada, es una suscripción etapas. Aquí el usuario debe hacer clic en permitir dos veces (en la opción personalizada y la página intermedia) completar la suscripción. Esta opción también es impulsada por el usuario, porque aquí el usuario decide qué notificación le gustaría recibir. Aquí, si hace clic en la opción A, se agregará automáticamente a ese segmento y viceversa. Estilo:
Colocación: solo puede colocar esta opción en el centro de la página tanto para dispositivos móviles como de escritorio.
Color de fondo
El botón permite
El botón de bloqueo
Después de haber terminado, guarde los cambios y verifique la vista previa desde el lado derecho del tablero
Opción:
Emergente de suscripción
Branding de Pushengage
Instalación rápida
Opción de retraso
La página intermedia Las configuraciones para la anterior son las mismas que las mencionadas en el paso 4. La barra flotante aparece en la parte inferior o superior de la página tanto para dispositivos móviles como de escritorio y, debido a que es una ventana emergente personalizada, es un escenario de dos etapas suscripción. Aquí el usuario debe hacer clic en permitir dos veces (en la opción personalizada y la página intermedia) completar la suscripción. Estilo:


Colocación: solo puede colocar esta opción en la parte superior o inferior de la página para el móvil y el escritorio.
Color de fondo
Permite optin
Bloque de optiuneoption:
Emergente de suscripción
Branding de Pushengage
Instalación rápida
Opción de retraso
La página intermedia La configuración de arriba es la misma que las mencionadas en el paso 4. Ubicación + Presione la opción de un solo paso con la ubicación que aparece en la esquina izquierda de la página de escritorio y en la parte inferior para dispositivos móviles. Debido a que es un opino nativo, no se puede hacer personalización aquí. Solo se puede configurar el retraso de la opción y, debido a que la opción en un solo paso, el usuario no se redirige a la página intermedia después de hacer clic en el permitimiento. Estilo:
Colocación: Optin aparece en la esquina superior izquierda en el escritorio y hacia abajo en los teléfonos móviles.
Una vez que haya terminado, guarde los cambios y verifique la vista previa desde el lado derecho del tablero.
Opciones:
Emergente de suscripción
Opción de retraso
Una vez que haya terminado, guarde sus cambios. Ubicación + Presione la opción de un solo paso con la ubicación que aparece en la esquina izquierda de la página de escritorio y en la parte inferior para dispositivos móviles. Debido a que es un opino nativo, no se puede hacer personalización aquí. Puede establecer el retraso de Opine en el estilo Opine con un solo paso. El usuario no se redirige a la página intermedia después de hacer clic en el permiso. Estilo: Colocación: Optin aparece en la esquina superior izquierda en el escritorio y hacia abajo en los teléfonos móviles.
Una vez que haya terminado, guarde los cambios y verifique la vista previa desde el lado derecho del tablero.
Opciones:


Emergente de suscripción


Opción de retraso
Después de haber terminado, guardar sus cambios.Aquí está la lista de opciones de notificación push que aceptan el sitio web HTTP y HTTPS: [Tabla de identificación = 6 /] consulte el video para obtener una comprensión completa de la nueva configuración de opción push: si desea una manera fácil para que los suscriptores se den sus suscripción de las notificaciones su Push, puede activar las opciones de cancelación de suscripción de luz para suscriptores de push web.