Como mostrar o alerta de assinatura de email do MailChimp usando NotificationX?

NotificaçãoX gives you the chance to show the users who have subscribed to your Newsletters and Emails through an amazing MailChimp Email Subscription alert. It can be a huge asset for your company in terms of subscriber list building and gaining conversion.

NotificationX permite conectar seu MailChimp conta e permite exibir as inscrições recentes como um alerta de notificação atraente em seu site. Com isso premium característica de NotificationX PRO, you can easily set up a fascinating MailChimp notification alert on your WordPress website to keep everyone engaged.

Antes de começar, você precisa coletar suas chaves de API do seu MailChimp account. Quando estiver na página Conta, clique na seção Menu Extras e escolha a opção "Chaves de APIopção Então, você poderá visualizar as chaves da API e copiá-las para a área de transferência.

Alerta de assinatura de email do MailChimp

Depois de gerar sua chave de API com sucesso, você precisará definir a chave dentro das configurações do MailChimp. Para definir sua chave de API, acesse o painel do WordPress e navegue até wp-admin -> NotificationX -> Configurações -> Integrações de API.

De 'Configurações do MailChimp', Basta inserir sua chave no 'Chave da API do MailChimp' campo e clique em 'Conectar'. Você também pode definir um período de tempo após o NotificationX e verificar sua conta para uma nova assinatura no site 'Duração do cache' definições. Depois de fazer isso com sucesso, você estará pronto.

MailChimp email subscription alert

After you are done with the previous step, simply just follow the guideline given below to display the MailChimp Email Subscription alert using NotificationX PRO.

Step 1: Add New Notification #

Vá para o Painel do WordPress e navegue até wp-admin -> NotificationX -> Todos os NotificationX. Então, no topo, clique em 'Adicionar novo'. Or you can also simply go to the ‘Add New’ tab from the sidebar. 

MailChimp email subscription alert

Step 2: Pick a Source #

Depois de concluir a etapa 1, você será redirecionado para o 'Fonte' Tab page of your NotificationX user interface. 

By default, the notification type is set as ‘Sales Notifications’. Simply write a title and choose ‘Email Subscription’ as your Notification type. Afterward, select 'MailChimp' as your source to display MailChimp Email Subscription alerts. Then, click on the ‘Próximobotão

MailChimp email subscription alert

Step 3: Choose a Design Theme #

De 'Projeto' tab, you can choose a layout and also have the flexibility to use the ‘Advanced Design’ option to customize it as per your preference. 

De 'Temas' section, you can choose a ‘theme‘ for your notification alert and this will be the layout of the Alertas de assinatura de email will that will be displayed on your website. 

MailChimp subscription alert

Moreover, you can modify your chosen Theme by customizing it through the ‘Design Avançado ' option. From this section, you will be able to easily add styling to your design, image appearance, and typography. You can add Background or Text color for the notification popup. Besides, you can also add a Border and add styling to it. Basically, an Email Subscription consists of three rows. From the ‘Typography’ section, you can change the font size for each row as well.

MailChimp Email Subscription alert

Step 4: Configure Template Content #

Você será redirecionado para o 'Conteúdo' tab from where you can modify your ‘Modelo de notificação‘ and add your preferred content text. From here, you specify the ‘MailChimp List’ from which the Email Subscription List will be fetched and be displayed on your WordPress website.

NotificationX offers a ‘Modelo de notificação ' for your content where you can easily choose your preferred variables. These variables help to display the name of the users who have subscribed to your MailChimp Email Newsletter on a certain day.  On the other hand, 'Modelo avançado' fornece controle completo para personalizar todo o conteúdo da 'Subscrição de email do MailChimp'.

MailChimp email subscription alert

Além disso, você também pode acompanhar os vários tipos de campanhas através do NotificationX. 'Controle UTM' allows you to add ‘Campaign’, ‘Medium’ and ‘Source’ to your ‘MailChimp Email Subscription’ alert.

MailChimp Email Subscription alert

Step 5: Adjust Display Options #

No 'Exibição' tab, there are two available sections: Image & Visibility. From the ‘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 ‘Gravatar’ set in their profile, you can simply display the ‘Default‘ image by selecting the ‘Default Image’ checkbox and uploading a default image.

Alerta de assinatura de email do MailChimp

De 'Visibilidade' seção, você pode definir as páginas nas quais deseja exibir a assinatura de email. Você também tem a opção de restringir o pop-up de notificação com base em determinadas funções de usuário: Sempre, Conectado e Desconectado. Por padrão, 'Show On' está definido como 'Show Everywhere' as a result the Email Subscription popup will be displayed on every single page of your website. On the other hand, you can also specify the pages where you want to display or hide the ‘Email Subscription’ notification alert. Afterward, when you click on the ‘Next’ button, you will be redirected to the ‘Customize’ Tab.

Step 6: Set Up Appearance #

Debaixo de 'Customizar' Na guia, você encontrará três seções separadas: Aparência, Tempo e comportamento. De 'Aparência' section, You can set the position for Email Subscription to either at the Bottom Left or Bottom Right side of your website. Besides, you can even set a max-width for your Notification Popup as well. You are also able to show a ‘Close Button’ which can be clicked to dismiss the Email Subscription alert. Furthermore, you have the flexibility to hide the 'Assinatura de email' para dispositivos móveis, se você quiser.

Alerta de assinatura de email do MailChimp

Além disso, você também tem a liberdade de definir o tempo para as opções 'Inicial', 'Exibir para' e 'Atraso entre', conforme sua preferência no 'Cronometragem' seção. Você pode definir um horário inicial após o qual a notificação 'Assinatura de email' será exibida. Por padrão, é definido como 5 segundos.

You can also set a time limit for how long you want each notification popup to be displayed by modifying the ‘Display For’ field. To choose a time interval between two notifications of Review, simply set the time in the ‘Display Between’ field. Or, if you want to display multiple types of notifications, you can simply activate the ‘Gerenciamento de fila global’ option using NotificationX PRO

Alerta de assinatura de email do MailChimp

De 'Comportamento' section, you can choose to display a number of users who have subscribed to your Email Newsletter for certain past few days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the ‘Open link in new tab’ checkbox.

Alerta de assinatura de email do MailChimp

Por outro lado, o 'Definições de som' A seção permite escolher um alerta sonoro para o pop-up de inscrição por email. Você também pode controlar o seu volume.

Alerta de assinatura de email do MailChimp

Step 7: Publish Your Notification #

Depois de concluir a etapa 6, clique no botão 'Publicar' button. As a result, the MailChimp Email Subscription alert will be successfully created. 

Alerta de assinatura de email do MailChimp

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

Alerta de assinatura de email do MailChimp

By using NotificationX, this is how you can easily design and display an attractive MailChimp Email Subscription alert on your WordPress website & grow your userbase.

If you face any issues or queries, you can contact our Support Team.

Distribuído porBetterDocs