How To Create Custom Notification With NotificationX?

NotificationX Pro allows you to create as many custom conversion notifications as you want and show them as amazing popup alerts on your website. You will have the freedom to style and personalize the custom FOMO alerts any way you want.

How To Create Custom Notifications With NotificationX? #

Follow the step-by-step guide below to create a Notificação personalizada com o NotificaitonX:

Step 1: Create A New Notification #

Go to your WordPress dashboard and navigate to NotificaçãoX and click on the ‘Add New’ button right at the top. Or, you can also directly navigate to wp-admin -> NotificationX -> NotificationX -> Adicionar novo from your dashboard. 

notificação personalizada

Step 2: Pick A Source #

Depois de concluir a etapa 1, você será redirecionado para o 'Fonte' tab page of your NotificationX. Here, you can select ‘Notificação personalizada'como seu tipo de notificação.

notificação personalizada

Step 3: Choosing a Design Theme #

De 'Projeto' tab, From the 'Projeto' tab, you can choose a ‘theme‘ for your notification alert and this will be the layout of the Notificações personalizadas will that will be displayed on your website. From here, you can pick from a vast amount of themes that allows you to create any type of notification alerts (Sales, Reviews, Comments, Download stats, etc.). 

notificação personalizada

You can also customize the chosen theme by enabling ‘Advanced Designs’.  From this section, you will be able to easily add styling to your design, image appearance, and typography.

Aparência da imagem‘ section lets you change the ‘Image Shape’ to out of these three: Rounded, Circle & Square. You can also use the drop-down menu ‘Position’ to change the position of the image: left or right. Basically, Custom notification consists of Three rows. From the 'Tipografia' section, you can change the font size for each row as well.

notificação personalizada

Step 4: Configure Template Content #

Você será redirecionado para o 'Conteúdo' guia de onde você pode modificar seu 'Modelo de notificação' and add your preferred content text. These settings vary depending on the theme you are working with.

notificação personalizada

Além de modificar 'Modelo de notificação', você também pode adicionar informações e conteúdos personalizados do usuário a partir do 'Conteúdo' aba. [Nota: o campos de conteúdo variam dependendo do tema que você escolheu.] These variables help to display the information of a custom user you have created with your customized text content in a certain time interval.

Você pode clicar no ‘+’ para adicionar mais informações, conteúdos e conversões personalizados do usuário, que serão exibidos no seu site. Na seção "Conversão", você deverá preencher todos os campos conforme desejar. Além disso, você também pode fazer upload de uma imagem de usuário / produto de sua escolha. Você pode simplesmente adicionar quantas conversões personalizadas quiser.

notificação personalizada

De 'Opções de link', você pode escolher um 'Tipo de link' para o pop-up de notificação. Além disso, você também pode acompanhar os vários tipos de campanhas através do NotificationX. 'Controle UTM' permite adicionar 'Campanha', 'Médio' e 'Origem' à sua 'Notificação personalizada'. Basta clicar no botão "Avançar" para continuar.

Step 5: Configure Display Options #

No 'Exibição' Na guia, existem duas seções disponíveis: Imagem e visibilidade. De 'Imagem' section, you can use the checkbox to display the default image or an avatar in the notification popup. If the users don’t have any ‘Avatar’ set in their profile, you can simply display the ‘Default’ image by selecting the ‘Default Image’ checkbox and uploading a default image.

De 'Visibilidade' section, you can set the pages where you want to display the Sales Notification. You also have the option to restrict the notification popup based on certain user roles. On the other hand, you can also specify the pages where you want to display or hide the ‘Custom Notification’.

notificação personalizada

Step 6: Setting Up Appearance #

Debaixo de 'Customizar' tab, you will find three separate sections: Appearance, Timing, Behavior & Sound Settings. From the ‘Appearance’ section, you can set the position where you want to display the Custom Notification and use the checkbox to disable/enable the ‘Close Button’ & ‘Hide on Mobile’ options. You can even set a max-width for your Notification Popup as well.

notificação personalizada

Besides, you also have the freedom to set time for ‘Initial’, ‘Display For’ & ‘Delay Between’ options as per your preference from the ‘Timing‘ section. You can also set a time limit for how long you want each notification popup to be displayed by modifying the ‘Display For’ field. Or, if you want to display multiple types of notifications, you can simply activate the ‘Gerenciamento de fila global’ option using NotificationX PRO.  

notificação personalizada

De 'Comportamento' section, you can choose to display the number of reviews made for certain past days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well.

notificação personalizada

Com a ajuda de NotificationX PRO, you can also enable sound alerts for your notifications from the ‘Sound Settings’ section. You can easily choose a sound from the drop-down menu that will be played with each notification popup.  

notificação personalizada

Step 7: Publishing Your Notification #

Depois de concluir a etapa 6, clique no botão 'Publicar' botão. Como resultado, o 'Notificação personalizada' will be successfully created. 

notificação personalizada

By following these mentioned steps and a bit more modifying & styling, your final outcome would look like something like this.

notificação personalizada

This is how you can easily design and display an attention-grabbing ‘Notificação personalizada ' on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team.

Distribuído porBetterDocs