Most of the eCommerce websites are using push notifications for customer re-engagement. The 1st step to increase customer re-engagement is the subscription optin. Do you want to know about custom push notification optin for a website? In this article, we will show you step by step instruction on how to create a custom push notification optin.
Brand elements play a pivotal role in creating differentiation with competitors. As a website, you have a considerable amount of time in finalizing the color scheme, logo, tag line, and other brand elements. When you ask the user to subscribe to your push notification without customizing the optin, it may appear fishy to some audience. If they find something that is not in line with your brand elements, they may ignore it. The best way to increase the likelihood of users subscribing to your push notification is to customize the optin. PushEngage understands this and allows the website to fully customize the optin. This can also help to increase the push subscription rate. Let’s see how you can customize push notification optin.
Steps to create custom push notification optin for a website
One thing to note is that custom push notification can be done only on multi-step optin type. Single-step optin type is browser selected and we cannot customize it. However, in a two-step optin, we can customize every element of push notification optin.
In PushEngage, you have the option to choose separate styles for Desktop and Mobile. We will explain how to edit the optin in Desktop. The same process can be followed in Mobile optin as well.
Step 1 Select the optin type
Login to PushEngage dashboard and go to Settings -> Subscription Settings -> Subscription Dialog box.
Step 2 Optin selection
You will see two tabs – HTTP and HTTPS. Select the type depending upon your website. Next is to select the push notification optin type. Click on any of the optin types except single step optin. On a single click, the optin type will be selected.
Step 3 Optin Editing
Click on the edit button on the optin, it will open the optin editing option.
Step 4 Editing optin message
Optin message
This is where you have to tell users why should they subscribe to your push notifications. Use power words to increase your subscription rate.
By default, the CTA buttons are named “Allow” and “Block”. You can edit them and put some other converting words.
Step 5 Style option
Click on the style option under Desktop section.
Alignment
By default, the push notification optin alignment is center aligned. You can make different alignments for the optin. You can also preview the alignments on the dashboard.
Background color
Next is the background color. As a brand, you already have your color scheme. You can change the color to match your color palate. You can change the color of both buttons.
Ste 6 Intermediate page
In a two-step optin, you have an intermediate page. The user has to again click on the CTA to subscribe or block the push notification. Click on the “Intermediate Page” to edit the content.
Mensajería
En esta sección, no tienes límite de palabras. Puedes mencionar los beneficios de suscribirte a tus notificaciones push con más detalle.
Esquema de color
Tienes la opción de cambiar el color del texto y del fondo.
Tamaño de fuente
En todo lo anterior, también tienes la opción de cambiar el tamaño de fuente: pequeño, mediano y grande. Selecciona el texto para el que deseas cambiar el tamaño de fuente.
Una vez que hayas terminado de editar, haz clic en Guardar y usar. Todos los cambios en la ventana emergente de suscripción de notificaciones push personalizadas se activarán.
Para móvil
Haz clic en Estilo y Opciones para realizar cambios en la ventana emergente de suscripción de notificaciones push en el móvil. El proceso es el mismo que se mencionó anteriormente para el escritorio.
Una característica importante de las ventanas emergentes que ofrece PushEngage es la opción de elegir una ventana emergente diferente para escritorio y móvil.
¿Cómo configuras una ventana emergente de suscripción de notificaciones push diferente para móvil y escritorio?
Los ordenadores de escritorio y los móviles tienen diferentes tamaños de pantalla. Una ventana emergente de notificación push que se ve bien en el escritorio no necesariamente se ve bien en el móvil. En PushEngage, entendemos esto y damos al usuario la opción de seleccionar un tipo diferente de notificación push.
- Ve a la ventana de edición de la ventana emergente de suscripción.
- Debajo de la sección Escritorio, verás la opción. Haz clic en ella.
- Ahora puedes seleccionar si deseas mostrar esta ventana emergente o no, activando o desactivando la ventana emergente de suscripción.
- De manera similar, debajo de la sección Móvil, verás la opción. Haz clic en ella.
Ahora puedes seleccionar si deseas mostrar esta ventana emergente o no, activando o desactivando la ventana emergente de suscripción.
Por ejemplo, quieres mostrar la ventana emergente de estilo Safari en el escritorio y la ventana emergente de Barra Flotante en el móvil. Marca la opción de escritorio ACTIVADA para el Estilo Safari y la opción de móvil DESACTIVADA. Ahora abre el tipo de ventana emergente Barra Flotante. Marca la opción de escritorio DESACTIVADA y la opción de móvil ACTIVADA. De esta manera, en el escritorio se mostrará la ventana emergente de estilo Safari y en el móvil aparecerá la ventana emergente de Barra Flotante.
Ahora sabes cómo crear una ventana emergente de notificación push personalizada para un sitio web. Crea una ventana emergente personalizada que coincida con tu marca y aumenta la tasa de suscripción push.
