Como criar um pop-up no WordPress (a maneira mais fácil)

Publicados: 2022-09-22

Um pop-up é uma ótima maneira de chamar a atenção dos visitantes do seu site e dar a eles a chance de se inscrever em seu boletim informativo, saber mais sobre seu produto mais recente ou aproveitar uma oferta especial. Existem algumas maneiras diferentes de criar um pop-up no WordPress, mas a maneira mais fácil é usar um plugin. Existem muitos plugins pop-up disponíveis para o WordPress, mas recomendamos o uso do Popup by OptinMonster. Depois de instalar e ativar o plug-in, você precisará criar um novo pop-up. Para fazer isso, vá para Popups » Adicionar novo na sua área de administração do WordPress. Na próxima tela, você precisará inserir um nome para seu pop-up e selecionar um tipo de pop-up. O OptinMonster oferece vários tipos diferentes de pop-ups, incluindo pop-ups lightbox, pop-ups deslizantes e pop-ups de tela cheia. Para este exemplo, escolheremos um pop-up lightbox. Depois de selecionar um tipo de pop-up, você poderá escolher um modelo para seu pop-up. O OptinMonster oferece mais de 50 modelos pop-up projetados profissionalmente que você pode usar. Depois de selecionar um modelo, você poderá personalizar seu pop-up. Você pode alterar as cores, texto, imagens e muito mais. Quando estiver satisfeito com seu pop-up, clique no botão 'Salvar' para salvar suas alterações. Agora que você criou seu pop-up, é hora de adicioná-lo ao seu site WordPress. Para fazer isso, vá para Popups » Gerenciar Popups e clique na guia 'Incorporar'. Na próxima tela, você verá um código que precisa adicionar ao seu site. Você pode adicionar esse código ao seu site manualmente ou usar um plug-in como Inserir cabeçalhos e rodapés para adicionar o código automaticamente. Depois de adicionar o código ao seu site, clique no botão 'Salvar' e pronto. Seu pop-up agora estará visível em seu site.

Como posso adicionar código pop-up ao meu site WordPress? As etapas abaixo levam apenas cerca de 5 minutos para serem concluídas. A ferramenta Popupsmart, que permite criar pop-ups em seu site com uma única linha de código, é uma excelente opção para criar pop-ups. Ao se inscrever, clique em Criar um novo pop-up em seu painel. Insira seu código de incorporação primeiro, seguido de sua tag de corpo. A colocação do código é crítica. Para finalizar a tag do corpo, insira uma pasta. Agora é possível salvar e publicar seu pop-up mais uma vez.

Selecione Editar site no menu à esquerda para acessar o editor do seu site. Selecione Popup de Complementos do Site na guia Site na parte superior do seu editor. Sua caixa pop-up pode ser personalizada para atender às suas necessidades específicas. Desativando o botão Ativar pop-up, você pode ativar ou desativar sua caixa pop-up.

O formulário pop-up pode ser criado clicando em Formulários no menu superior, selecionando a guia Pop-ups e clicando em Criar pop-up. O formulário será salvo e você poderá continuar assim que der um nome e salvá-lo. Em seguida, escolha seu grupo de assinantes, um modelo e personalize o formulário e a página de sucesso até que você goste da aparência deles.

Como faço para criar um pop-up personalizado no WordPress?

Crédito: WPForms

Navegue até o painel do WordPress e clique em Popup Maker . A tela de edição pop-up aparece depois que você ativa o Popup. Ao clicar aqui, a primeira coisa que você precisa fazer é inserir um nome para o seu pop-up. Usamos este exemplo para demonstrar que você também pode inserir um título de exibição opcional. Os visitantes poderão ver este título de exibição opcional, se estiver disponível.

Neste guia passo a passo, você aprenderá como criar pop-ups de formulário de contato no WordPress. OptinMonster, um plugin, é um dos plugins pop-up mais populares, com mais de um milhão de usuários. Formulários preenchíveis, principalmente aqueles fornecidos pelo MailerLite ou Mailchimp, funcionam bem com formulários pop -up . As taxas de conversão e os endereços de e-mail aumentarão se você usar um formulário pop-up corretamente. Na Etapa 1, crie um formulário de contato usando o Formidable Forms e, na Etapa 2, crie um pop-up do WordPress usando o OptinMonster. Ao instalar esses plugins em seu administrador do WordPress, você pode começar a testá-los em uma tela em branco. Nas etapas a seguir, prosseguiremos para a próxima etapa após a instalação e a ativação.

O produto final do seu formulário será exibido quando for publicado ou visualizado. Para configurar nossos gatilhos, vá para a guia Regras de exibição na parte superior da página e selecione a opção apropriada. Os visitantes podem escolher se o pop-up será exibido quando chegarem. O tempo no local pode ser escolhido clicando na guia Acionar (Quando) no menu de contexto. Um formulário pop-up é uma ótima maneira de fazer seu site parecer mais polido. Por que seu rodapé ou barra lateral precisa ser um formulário pop-up quando você pode criar facilmente formulários pop-up com o WordPress? Nosso modelador visual de formulários pode ser usado para combinar a aparência de seus formulários com seu site.

Link do WordPress para pop-up

O WordPress é um sistema de gerenciamento de conteúdo (CMS) que permite criar um site ou blog do zero ou melhorar um site existente. Um dos recursos mais úteis do WordPress é o link para a capacidade de pop-up. Isso permite que você crie links que abrem em uma nova janela, facilitando a manutenção de seus leitores em seu site, fornecendo-lhes informações adicionais.

Você pode mostrar a funcionalidade do WordPress Popup de várias maneiras, dependendo da velocidade de carregamento da página, do tempo de rolagem da página e de como você sai do site. Uma vez que o código necessário foi adicionado, tudo está feito. Como posso fazer um pop-up aparecer depois de clicar no link do meu conteúdo? Em HTML, você pode usar o atributo onclick do popup para qualquer elemento do seu site, se souber como fazê-lo. Os pop-ups não serão carregados no servidor se você usar o atributo onclick no tema ou em qualquer outro lugar do conteúdo do site. Preencha o código necessário para exibir pop-ups em seu site. Como primeiro passo, faça o carregamento do PopUp do lado do servidor (banco de dados) e, como segundo passo, vincule-o ao link que você clicou.

Como criar um pop-up personalizado no WordPress usando Javascript

Existem muitas maneiras de criar pop- ups personalizados no WordPress usando JavaScript. Uma maneira é usar o plugin Popup Maker. Este plugin permite criar pop-ups personalizados e adicioná-los ao seu site WordPress. Outra maneira é usar o plugin WP Popup.

A PenguinArts criou um guia passo a passo para criar pop-ups personalizados em uma plataforma WordPress a partir do zero. Neste tutorial, mostraremos como fazer isso sozinho com PHP, jQuery e algumas linhas de CSS. Todo o conteúdo pop -up será tratado pelo administrador e você poderá selecionar seu próprio design. Este tutorial será realizado usando um pop-up magnific e um ACF. Para que o pop-up apareça em nossa página, precisaremos de algumas linhas de código. Se você tiver algum problema com essa implementação, informe-nos e farei tudo o que puder para ajudá-lo.

Plugin de pop-up modal do WordPress

Existem muitos plugins pop-up modais do WordPress disponíveis. Alguns dos mais populares são: Popup Maker, Modal Popups por WPForms e Ninja Popups. Esses plug-ins permitem que você crie janelas pop-up que podem ser usadas para diversos fins, como exibir um formulário de inscrição, exibir um vídeo ou fornecer informações adicionais sobre um produto ou serviço.

O Snitcher inclui uma variedade de recursos que permitem adicionar pop-ups em qualquer página, independentemente do tipo de conteúdo. Você pode usar isso para despertar o interesse dos usuários em suas promoções, ofertas e anúncios de recursos, bem como para fornecer informações importantes por meio de mensagens pop-up brilhantes. Cada uma das janelas tem seu próprio conjunto de preferências de estilo para cada elemento, permitindo que você crie uma aparência única para o seu site. O plug-in é compatível com o padrão WCAG Level AA e permite um alto nível de acessibilidade de conteúdo dentro do pop-up. É simples visualizar o pop-up clicando, rolando, passando o mouse, pelo horário de atividade ou inatividade, ou alterando a aba ou saída, e ele será aberto imediatamente após o carregamento da página. Esta ferramenta é suportada pelo Chrome, Firefox, Opera, Safari e outros, independentemente de quais navegadores os usuários visualizam seu site.

Como remover pop-ups no WordPress

Existem algumas maneiras diferentes de remover pop-ups no WordPress. Uma maneira é simplesmente desabilitar o plugin que está fazendo com que o pop-up apareça. Outra forma é editar o código do plugin para remover o popup. Por fim, você também pode usar um plug-in bloqueador de pop-ups do WordPress para bloquear todos os pop-ups do seu site.

Eu usei um plugin Popup Builder na minha página anteriormente, mas não era mais relevante, então eu queria excluí-lo. Este pop-up parece ser codificado na página. Não consigo editar ou removê-lo do meu computador. Como devo proceder com a minha candidatura? Você pode tentar limpar o cache e verificar novamente?

Como me livrar do formulário pop-up do Mailchimp no WordPress?

Se você tiver vários sites vinculados, clique no link Editar para selecionar aqueles em que deseja que seu formulário pop-up apareça. Para desativar o formulário pop-up em seu site, clique no botão para desativar.

Como abrir o pop-up modal no botão clique no WordPress

Para abrir um popup modal ao clicar no botão no WordPress, você precisará criar um elemento de botão e adicionar a seguinte classe a ele: “popmake-trigger”. Em seguida, você precisará criar um pop-up modal e adicionar a seguinte classe a ele: “popmake-modal”.

Como adicionar um pop-up no WordPress em três etapas fáceis – WPMpet Esta é a maneira mais fácil de adicionar um pop-up a um site WordPress. Os pop-ups são uma ótima maneira de aumentar o número de assinantes da newsletter e, ao mesmo tempo, aumentar a experiência do usuário do seu site. Com base em 2 bilhões de pop-ups modais, os 10% principais dos sites tiveram uma taxa de conversão média de 9,28%. Os modais pop -up são conhecidos por terem uma alta taxa de sucesso entre as campanhas de geração de leads. Em menos de dois anos, a Sumo afirma ter coletado mais de 23 milhões de endereços de e-mail usando um modal pop-up. Quando você exige que os visitantes do site tomem uma ação ou percebam uma mensagem importante, o uso de modais é uma maneira altamente eficaz de fazer isso. A estrutura ElementsKit permite que você modifique o layout, o typeggler, a posição do pop-up e a exibição da sua janela modal.

Além de uma imagem ou vídeo personalizado, você pode fazê-lo aparecer como uma página, fazendo-o aparecer. O ícone de fechamento, o cabeçalho e o rodapé também podem ser ocultados. O plugin ElementsKit WordPress é um criador de pop-ups completo que pode ser usado para criar sites. O Formulário de Contato 7 pode ser adicionado ao arquivo Modal com o ElementsKit. Use os widgets integrados no ElementsKit para criar modais envolventes. Os métodos permitem que você alcance mais assinantes e colete dados do usuário.