Promover sua página do Twitter usando um pop-up em seu site WordPress pode aumentar efetivamente o número de seguidores e impulsionar o engajamento. Ao aproveitar o tráfego existente em seu website, você pode atrair mais atenção para o conteúdo do Twitter.
No entanto, a configuração e a personalização de popups podem exigir algum conhecimento técnico. Portanto, se estiver procurando uma maneira fácil de fazer isso, continue lendo.
Neste artigo, vamos orientá-lo sobre como promover sua página do Twitter no WordPress com um pop-up lightbox.
Por que promover sua página do Twitter no WordPress?
O Twitter é uma das plataformas de mídia social mais populares. Muitas empresas o utilizam para promover seus produtos ou publicações em blogs e compartilhar anúncios ou notícias. Também é um ótimo lugar para obter feedback dos usuários, fazer uma enquete e realizar webinars de áudio por meio do Twitter Spaces.
Conseguir que mais pessoas sigam você no Twitter pode ser um desafio. Felizmente, você pode usar o tráfego existente em seu website para aumentar seus seguidores com um pop-up lightbox. Isso ajudará a melhorar a visibilidade de seu perfil no Twitter e a aumentar o número de seguidores.
E isso não é tudo. Você também pode usar um pop-up lightbox para criar uma lista de e-mails, gerar leads, oferecer atualizações de conteúdo, exibir um formulário de contato e muito mais.
Neste guia, mostraremos como usar um pop-up lightbox para promover sua página do Twitter. Aqui está uma visão geral rápida de todas as etapas que abordaremos:
Pronto? Vamos começar.
Promovendo sua página do Twitter no WordPress com um pop-up Lightbox
A melhor maneira de adicionar um popup lightbox no WordPress é usar o OptinMonster. É o melhor plugin de popup para WordPress e software de geração de leads do mercado.
O OptinMonster torna muito fácil aumentar as vendas, gerar leads, aumentar sua lista de e-mails e otimizar seu site para obter mais conversões.
Para começar, você precisará visitar o site da OptinMonster e clicar no botão “Get OptinMonster Now” para criar uma conta.
Para este tutorial, usaremos a licença do OptinMonster Pro porque ela inclui o recurso Exit-Intent, mais opções de personalização e modelos pré-criados. E como leitor do WPBeginner, você pode obter um desconto adicional de 10% usando nosso código de cupom do OptinMonster.
Depois de criar uma conta, você precisará instalar e ativar o plug-in OptinMonster. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a ativação, a tela do assistente de configuração do OptinMonster será exibida. Você pode clicar no botão “Connect Your Existing Account” (Conectar sua conta existente) para iniciar o processo de configuração.
Isso abrirá uma nova janela pop-up na qual você confirmará a conta do OptinMonster a ser usada.
Basta clicar no botão “Connect to WordPress” para continuar e aguardar a conclusão do processo.
Depois disso, você pode acessar OptinMonster ” Campaigns no painel do WordPress para criar uma campanha.
Vá em frente e clique no botão “Create Your First Campaign” (Criar sua primeira campanha).
Depois disso, o OptinMonster oferecerá diferentes tipos de campanha para você escolher, incluindo pop-up, barra flutuante, tela cheia, optin gamificado spin-to-win e muito mais.
Como queremos criar um popup lightbox, basta selecionar o tipo de campanha “Popup”.
Abaixo do tipo de campanha, você verá diferentes modelos para sua campanha pop-up.
Você pode selecionar um modelo passando o mouse sobre ele e clicando no botão “Use Template” (Usar modelo). Vamos escolher o modelo “Social” para adicionar nosso popup de lightbox do Twitter.
Em seguida, será exibida uma janela pop-up na qual você poderá inserir um nome para a campanha.
Depois de nomear a campanha, clique no botão “Start Building”.
Isso iniciará o construtor de campanhas do OptinMonster com a funcionalidade de arrastar e soltar para personalizar seu pop-up.
Assim, você pode simplesmente arrastar e soltar elementos do menu à sua esquerda para adicionar ao modelo.
Você também pode editar os blocos existentes no modelo.
Por exemplo, você pode remover outros botões de mídia social e manter apenas o botão do Twitter. Dessa forma, os usuários podem usar facilmente o botão de chamada para ação e seguir sua página do Twitter.
Além disso, há opções para editar o texto nos cabeçalhos e no corpo. Por exemplo, se você quiser que o botão diga “Follow me” (Siga-me) em vez de “Twitter” (Twitter), poderá alterar o campo “Button Text” (Texto do botão) à esquerda.
Vamos clicar no botão Twitter para ver mais opções no menu à sua esquerda. Vá em frente e insira o link de sua página do Twitter no campo “New Window URL” (URL de nova janela).
Em seguida, basta arrastar o bloco “HTML” do menu e soltá-lo no modelo.
Agora que você preparou um bloco para o código HTML, está pronto para a próxima etapa.
Criação de um código de incorporação de página do Twitter
Nesta etapa, você precisará criar um código incorporado para sua página do Twitter acessando a ferramenta Twitter Publish.
Recomendamos abrir a ferramenta em uma nova guia ou janela, pois será necessário voltar ao criador de campanhas da OptinMonster para inserir o código HTML.
Depois de abrir a ferramenta Publicar, você pode adicionar o URL da sua página do Twitter no campo “O que você gostaria de incorporar” e pressionar a tecla Enter no teclado.
Seu URL do Twitter será parecido com https://twitter.com/YourUserNameHere.
Basta substituir ‘YourUserNameHere’ pelo seu próprio identificador do Twitter.
Depois disso, você pode rolar para baixo e escolher se deseja incorporar a linha do tempo ou os botões do Twitter.
Para este tutorial, escolheremos a opção “Embedded Timeline” (Linha do tempo incorporada) para exibir os tweets de nossa página do Twitter na caixa de luz pop-up.
Em seguida, você pode rolar a página para baixo para abrir as configurações de personalização.
Basta clicar no link “definir opções de personalização” acima do código de incorporação.
Aqui, você pode editar a altura e a largura da linha do tempo do Twitter. Isso permite que você controle a aparência da sua timeline no pop-up da lightbox.
Você também pode escolher um tema claro ou escuro para sua linha do tempo e o idioma em que os tweets serão exibidos.
Depois de definir essas configurações, clique no botão “Update” (Atualizar).
Depois disso, a ferramenta Publicar gerará um código de incorporação. Você pode clicar no botão “Copiar código”.
Uma janela pop-up mostrará que você copiou o código incorporado com êxito.
Clique no ícone de cruz no canto superior direito para fechar a janela pop-up.
Adição do popup do Twitter Page Lightbox ao seu site
Agora, você pode voltar para a janela ou guia do criador de campanhas do OptinMonster em seu navegador.
Em seguida, clique no bloco HTML no pop-up que você está projetando. Você verá um campo à esquerda no qual poderá colar o código de incorporação da ferramenta Twitter Publish.
Ao inserir o código incorporado, você verá uma visualização da sua timeline do Twitter no modelo de campanha.
Depois disso, você pode ir para a guia “Display Rule” (Regra de exibição). Aqui, você pode definir as condições para quando o pop-up lightbox aparecerá em seu site.
Por exemplo, pode aparecer quando um usuário visualiza uma página por um período de tempo específico, visita uma página específica ou está prestes a sair do site.
Para este tutorial, selecionaremos “Time on Page” (Tempo na página) como regra de exibição e definiremos o número de segundos após os quais o pop-up será exibido.
Em seguida, você desejará fazer com que o pop-up apareça em todas as páginas do seu site, definindo “caminho do URL atual” como “é qualquer página”.
Depois disso, você pode mudar para a guia “Actions” (Ações) na parte inferior.
Agora, certifique-se de que a opção “Optin” esteja selecionada para “mostrar a visualização da campanha”. Há também configurações opcionais para adicionar efeitos e som ao seu pop-up.
Depois disso, você pode ir para a guia “Published” (Publicado) para ativar sua campanha.
Basta alterar o “Status de publicação” de “Rascunho” para “Publicar”.
Agora você pode clicar no botão “Save” (Salvar) na parte superior para armazenar suas configurações e fechar o construtor de campanhas.
Para confirmar se sua campanha foi publicada, acesse OptinMonster ” Campanhas no painel de administração do WordPress. Você deverá ver um texto verde que diz “Publicado” na coluna “Status”.
Caso contrário, clique na opção “Change Status” (Alterar status) abaixo do nome da campanha e selecione “Publish” (Publicar) no menu suspenso.
Sua campanha do OptinMonster agora deve estar ativa.
Para visualizar sua página do Twitter no pop-up lightbox, basta acessar seu website. Depois que a campanha do OptinMonster for acionada, seu perfil do Twitter aparecerá em um pop-up de lightbox junto com o botão de CTA que você adicionou abaixo dele.
Esperamos que este artigo tenha ajudado você a aprender como promover sua página do Twitter no WordPress com um pop-up lightbox. Talvez você também queira ver nosso guia sobre como exibir tweets recentes no WordPress e o melhor software de chat ao vivo para pequenas empresas.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Jiří Vaněk
Great tutorial. I needed to promote my page on Patreon so I followed this tutorial to use optin monster and it’s great. The best part is that I can see the exact number of people who saw the window and how many people also clicked on the link. That’s a very important metric to me.
Sourav Adhikari
Not working..
Kimb
I’m looking for a tool that pops up a “tweet this” dialog box
option
wpbeginner
@BenBonilla Don’t think they are tracking whether you liked the page or not. I think they are leaving a cookie for who has seen it and closed the popup.
ChrisCarlo
don’t work…
ALSpaulding
Quick question. Once they have followed you on twitter will the plugin continue to pop up on them in the future? It does not mention that. Appreciate a response please. Thanks. =)
startmywp
Hi,
This just works better for Twitter (and another one for facebook) but are there any notable updated plugins or code hacks if we need to display simple html in a lightbox? Say, perhaps just a ‘thank you’ note?
AhsanNaveed
@startmywp For this, you’ll need to edit the plugin.
easyP
That looks good.
I know that you won’t believe it, but I’ve just signed up with twitter – this plugin could be the way to go.
Many thanks.