Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como promover sua página do Twitter no WordPress com um pop-up

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.

How to promote Twitter page with lightbox popup

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.

Click the Get OptinMonster Now button

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.

Connect your existing account

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.

Click the connect to WordPress button

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).

Create first OptinMonster campaign

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”.

Choose campaign type

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.

Select a social template

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”.

Click 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.

Campaign builder in OptinMonster

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).

Add your twitter link in the button settings

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.

Add a HTML block to template

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.

Twitter publish tool

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.

Choose timeline or buttons to embed

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.

Click set customization options

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.

Customize the twitter timeline

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”.

Copy the embed code

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.

Successfully copied the code

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.

Enter the embed code in the html block

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.

Select display rules

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”.

Configure display rules

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.

Set up display rules actions

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”.

Publish your campaign

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.

Change the campaign status to published

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.

Twitter page popup preview

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

10 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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.

  3. Kimb

    I’m looking for a tool that pops up a “tweet this” dialog box
    option

  4. 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.

  5. 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. =)

  6. 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.

  7. 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.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.