3 maneiras de incorporar um feed do Twitter no seu site WordPress
clicksocial

Agende publicações nas redes sociais diretamente a partir do WordPress com o ClickSocial

Iniciar a avaliação gratuita ângulo reto
Início Blogue 3 maneiras de incorporar um feed do Twitter no seu site WordPress

3 maneiras de incorporar um feed do Twitter no seu site WordPress

Como incorporar um feed do Twitter no WordPress

Quer saber como incorporar feeds do Twitter no seu sítio Web WordPress?

Ao mostrar tweets relevantes no seu site, pode facilmente aumentar o seu envolvimento, obter mais conversões e aumentar as suas vendas através da prova social.

Mas incorporar um widget de feed do Twitter pode ser complicado se não tiver a certeza por onde começar.

É por isso que lhe trazemos este guia simples sobre como adicionar um feed do Twitter ao seu sítio Web em apenas alguns passos fáceis.

Para o ajudar a navegar nesta publicação sobre a incorporação de feeds do Twitter, eis o índice:

Porquê incorporar feeds do Twitter no site WordPress

Eis um facto interessante: a maioria dos tweets tem menos de 18 minutos para obter visualizações e interações antes de se perderem para sempre! Parece horrível, não é?

Grande parte do seu conteúdo do Twitter não voltará a ser visto após um período tão curto.

A boa notícia é que há uma solução fácil para isso. Pode apresentar feeds de redes sociais, como feeds de tweets, na sua página Web utilizando widgets do Twitter e prolongar o seu tempo de vida.

exemplo de incorporação de feed do twitter

Ao apresentar um widget de feed do Twitter no seu sítio Web, os visitantes do seu sítio podem consultar o seu melhor conteúdo do Twitter.

Além disso, podem até interagir com os seus tweets e segui-lo no Twitter.

De facto, aqui estão mais algumas formas como os feeds do Twitter podem ajudar o seu sítio Web:

  • Pode incorporar vídeos e fotografias do Twitter com conteúdo relevante e tornar o seu sítio ainda mais cativante.
  • Quando incorpora conteúdo gerado pelo utilizador (UGC), como críticas e testemunhos do Twitter, pode convencer os visitantes do Web site a comprarem-lhe, mostrando pessoas reais a apreciarem os seus produtos.
  • A adição de feeds personalizados do Twitter ao seu sítio também mostra às pessoas que está ativo no Twitter, se elas quiserem mais conteúdo seu, para que obtenha mais seguidores.
  • Os seus feeds do Twitter também podem acrescentar muitas palavras-chave relevantes ao seu sítio. Isto pode impulsionar o seu SEO para que mais pessoas possam encontrar o seu sítio através de motores de busca como o Google.
  • Tem uma venda iminente? Pode anunciá-lo como um tweet e, em seguida, incorporar a linha de tempo do Twitter da sua marca no seu sítio para atualizar automaticamente os visitantes do sítio.

Agora que já conhece as vantagens dos feeds do Twitter, vejamos como pode incorporar facilmente os feeds do Twitter no seu sítio Web WordPress.

Como incorporar feeds do Twitter no seu site (maneira fácil)

Se pretender a forma mais fácil de incorporar tweets, pode adicionar um plug-in do Twitter ao seu Web site.

E a melhor opção para isso é o Twitter Feed Pro, o melhor plugin de feed do Twitter para iniciantes em WordPress no mercado.

plugin para incorporar o feed do twitter

Com a ajuda do plugin, pode facilmente criar, personalizar e incorporar belos feeds do Twitter para envolver o seu público.

Utilizando o melhor plugin WordPress para feeds do Twitter, pode fazer tudo isto em poucos passos simples - não precisa de tocar em HTML, Javascript, iFrame, CSS personalizado ou qualquer outro código.

Uma vez que o plugin é leve, os seus feeds do Twitter também serão carregados muito rapidamente. E com um sítio Web mais rápido, também terá um SEO muito melhor.

E isso é só o começo. Aqui estão mais algumas funcionalidades fantásticas que pode obter com o Twitter Feed Pro:

  • O plugin suporta botões do Twitter para que os visitantes possam interagir com os seus tweets e segui-lo diretamente a partir do seu sítio Web.
  • As pessoas podem ver tweets recentes, imagens do Twitter, gifs e vídeos diretamente a partir do seu Web site com a ajuda de uma bonita caixa de luz pop-up.
  • Pode escolher entre diferentes tipos de feeds do Twitter e incorporar resultados de pesquisa do Twitter, feeds de hashtag, feeds de menções e muito mais.
  • O Twitter Feed Pro é fornecido com uma equipa de especialistas que estão lá para tornar tudo mais fácil para si.

Como pode ver, o Twitter Feed Pro tem muitas funcionalidades excelentes para o ajudar a criar facilmente feeds para esta plataforma de redes sociais no seu sítio Web.

Com uma classificação de 4,9 em 5 estrelas e mais de 150.000 utilizadores activos, há uma tonelada de pessoas que concordam que é o melhor plugin de feed do Twitter no mercado.

comentários de utilizadores feeds personalizados do twitter pro

Além disso, algumas das maiores marcas estão a usar o Smash Balloon para mostrar o conteúdo das redes sociais no seu site. Como pode ver, estará em boa companhia.

marcas de balões smash

Obtenha a sua cópia do Twitter Feed Pro hoje mesmo e poderá criar, personalizar e apresentar os seus feeds do Twitter com facilidade.

Agora, vamos lá ver como pode mostrar feeds do Twitter no seu site utilizando este plugin.

Como mostrar feeds do Twitter no seu site (a maneira mais fácil)

Tudo o que tem de fazer é seguir os passos simples abaixo e pode incorporar feeds do Twitter no seu site WordPress em apenas alguns minutos.

Passo 1: Descarregar o plug-in Twitter Feed Pro

O primeiro passo é obter a sua cópia do plugin Twitter Feed Pro aqui. Depois, instale e active o plugin no seu site WordPress.

Se não tiver a certeza de como o fazer, pode consultar o nosso guia sobre como instalar um plugin WordPress passo a passo.

Depois de ter instalado e ativado o Twitter Feed Pro, pode avançar e criar um feed do Twitter.

Passo 2: Criar um novo feed do Twitter

Para começar, pode utilizar o plugin para criar um feed do Twitter no seu sítio Web.

Em primeiro lugar, navegue até ao menu Twitter Feed " All Feeds a partir do seu painel de controlo do WordPress.

Nessa página, clique no botão Adicionar novo para criar o seu feed.

adicionar um novo feed personalizado do twitter

Em seguida, o plugin pedir-lhe-á que escolha um tipo de feed do Twitter entre as 6 opções diferentes aqui apresentadas:

opções de tipo de feed twitter

Em primeiro lugar, tem o feed da linha cronológica do utilizador . Pode utilizá-lo para mostrar uma coleção de tweets do perfil de qualquer utilizador do Twitter, incluindo os retweets e as respostas, se quiser.

exemplo de feed de perfil do twitter

Ao selecionar a opção hashtag, pode incorporar um feed de hashtag do Twitter no seu Web site.

Pode utilizar este tipo de feed para incorporar tweets que falem da sua marca ou dos seus produtos e fornecer provas sociais aos seus visitantes.

exemplo de mural do twitter com hashtag

O Twitter Feed Pro pode mostrar os tweets mais recentes a partir da sua página inicial se escolher a opção de linha de tempo da página inicial . É uma excelente forma de garantir que os seus visitantes podem ver as suas mais recentes actualizações e anúncios.

incorporar a cronologia do feed do twitter

Também pode optar pelo tipo de feed de pesquisa para incorporar os resultados da pesquisa do Twitter no seu Web site.

Como pode ver, se adicionar feeds do Twitter como este, pode ajudá-lo a mostrar tweets específicos que mencionam os seus produtos ou serviços.

exemplo de feed de pesquisa do twitter

Também pode mostrar os tweets que mencionam a sua conta do Twitter com o tipo de feed de menções . Desta forma, pode mostrar críticas e apoios.

Por fim, tem o tipo de feed de listas . Com esta opção, pode mostrar publicações de todas as contas de uma das suas listas do Twitter.

lista de cronologia para o twitter

Além disso, também pode combinar diferentes tipos de feed num único feed. Tudo o que tem de fazer é selecionar várias opções aqui.

Depois de selecionar o tipo de feed do Twitter, pode prosseguir clicando em Seguinte.

Vamos incorporar uma linha do tempo de um utilizador do Twitter para este tutorial.

selecionar o tipo de feed twitterr

Depois de ter criado um novo feed, é altura de ligar a sua conta do Twitter no passo 3.

Passo 3: Ligar a sua conta do Twitter

O passo seguinte é ligar a sua conta Twitter ao WordPress. Ao fazê-lo, o seu plugin pode apresentar facilmente o conteúdo do seu feed do Twitter no seu sítio Web.

Pronto para começar? Primeiro, clique no botão Ligar na janela pop-up.

ligar a conta do twitter ao wordpress

Em seguida, o plugin redirecciona-o para o Twitter, onde pede acesso só de leitura à sua conta.

Utilizando esse acesso, o Twitter Feed Pro apenas visualizará o seu conteúdo do Twitter e não poderá efetuar quaisquer alterações. Portanto, o plugin é completamente seguro.

Para continuar, clique no botão Autorizar aplicação .

autorizar o acesso do twitter apenas para leitura.jpg

Ligou oficialmente a sua conta do Twitter!

O plugin leva-o de volta ao seu sítio Web para que possa escolher a fonte do seu feed do Twitter. Isto significa que pode adicionar um perfil do Twitter, hashtag, termo de pesquisa e muito mais como fonte.

Para o nosso tutorial, adicionámos o perfil do Twitter "starbucks" como fonte do nosso feed.

Depois de adicionar a fonte, clique em Seguinte para continuar.

incorporar feed do twitter linha do tempo do utilizador

Agora que criou um novo feed do Twitter e o ligou a uma fonte, pode personalizar o seu design no passo 4.

Passo 4: Personalizar o seu feed do Twitter

Para o ajudar a escolher facilmente um design bonito para o seu feed do Twitter, pode simplesmente escolher a partir de uma coleção de modelos pré-construídos.

Existem 7 modelos de feed que pode escolher aqui:

  • Predefinição
  • Cartões de alvenaria
  • Carrossel simples
  • Cartões simples
  • Carrossel de exposição
  • Último Tweet
  • Widget

Depois de selecionar o desenho que prefere, clique em Seguinte.

escolher um modelo de feed

Pretende ter mais controlo sobre o design do seu feed do Twitter?

O Twitter Feed Pro permite-lhe personalizar facilmente o seu feed utilizando o personalizador em tempo real. No lado esquerdo, pode encontrar as opções para alterar o seu layout, altura, largura, cores, fundo e muito mais.

Quando efetuar quaisquer alterações, pode ver o aspeto do seu feed do Twitter utilizando a pré-visualização em direto à direita.

editor de feed em direto twitter

Pronto para personalizar o seu feed do Twitter? Primeiro, clique na opção Layout do feed à esquerda.

opção de layout de feed twitter

A partir daqui, pode verificar os 3 modelos de layout diferentes que obtém para os seus feeds do Twitter: Lista, Alvenaria e Carrossel.

escolher um layout de feed twitter

Em primeiro lugar, tem a disposição em lista que pode mostrar os tweets numa única coluna. Este esquema mostra os tweets tal como aparecem no sítio Web do Twitter, e cada publicação terá muito mais espaço.

layout do feed do twitter da lista

Também pode escolher o layout de alvenaria se quiser mostrar muito conteúdo do Twitter em várias colunas. Além disso, este modelo de apresentação também pode manter as proporções originais dos tweets.

exemplo de alvenaria twitter feed wordpress

A opção seguinte é o layout de carrossel, que pode mostrar uma apresentação de slides de tweets para tornar o seu site mais interativo. Também pode optar por esta apresentação se quiser mostrar muitos tweets sem ocupar muito espaço no seu sítio Web.

exemplo de feed horizontal do twitter

Selecione aqui o esquema de feed do Twitter que prefere e, em seguida, clique em Guardar.

Depois disso, pode clicar no botão Personalizar para continuar a configurar o design do seu feed do Twitter.

voltar às opções de personalização twitter

Em seguida, pode alterar as cores do seu novo feed do Twitter. Para isso, clique na opção Esquema de cores , à esquerda.

opção de esquema de cores feed do twitter pro

Para alterar facilmente as cores, basta escolher o esquema de cores que preferir. Tem 4 esquemas de cores diferentes que pode escolher aqui:

  • Herdar do tema: Utilize as cores do tema do seu site para o seu feed do Twitter
  • Claro: Mostrar um fundo claro para o seu feed juntamente com uma cor de letra escura
  • Escuro: apresenta um fundo escuro e uma cor de letra clara
  • Personalizado: Escolha todas as cores do seu feed manualmente

Selecione a opção pretendida e, em seguida, clique em Guardar.

escolher o esquema de cores do twitter

E assim, pode ir em frente e definir o resto das opções de personalização para o seu feed do Twitter. Este plugin permite-lhe alterar a lightbox, os botões, o estilo do cabeçalho, o design do post e muito mais com apenas alguns cliques.

Clique no botão Guardar mais uma vez quando estiver satisfeito com o design do seu feed.

Depois, pode passar para o passo 5 e ver como mostrar os feeds do Twitter no seu sítio Web.

Passo 5: Incorporar o seu feed do Twitter no seu site

O plugin Twitter Feed Pro oferece 2 formas de incorporar feeds do Twitter no WordPress:

  1. Incorporar o seu feed do Twitter numa página do WordPress
  2. Incorporar o seu feed do Twitter na barra lateral ou no rodapé do WordPress como um widget do Twitter

Eis o primeiro método, em que pode adicionar o seu feed do Twitter a uma página no WordPress.

Incorporar feeds do Twitter numa página do WordPress

Para incorporar o seu feed do Twitter utilizando este plugin premium, pode utilizar facilmente o editor de feed visual com pré-visualização em direto.

Primeiro, clique no botão Incorporar no canto superior direito.

incorporar o seu feed do twitter

Em seguida, aparece uma janela pop-up que pergunta onde pretende incorporar o seu novo feed do Twitter.

Pode clicar em Adicionar a uma página aqui para continuar.

adicionar a uma página

Em seguida, o pop-up listará todas as páginas do WordPress no seu sítio Web.

Pode selecionar a página onde pretende incorporar o feed do Twitter e, em seguida, clicar em Adicionar.

adicionar o feed do twitter a uma nova página

O plugin abrirá então essa página no editor do WordPress.

A partir daqui, clique no ícone Mais (+) para adicionar um novo bloco de conteúdo.

adicionar novo bloco bloco de conteúdo

Para encontrar o bloco, pode escrever "twitter feed" na barra de pesquisa na parte superior.

Depois disso, clique em Twitter Feed nas opções abaixo para incorporar o seu widget de feed do Twitter nesta página.

incorporar o feed do twitter no seu site wordpress

Por fim, clique em Atualizar para concluir a incorporação do seu feed do Twitter. Abra agora o seu Web site e pode verificar o seu aspeto.

exemplo de feed do twitter no sítio web

Vamos dar uma olhadela à segunda forma de incorporar feeds do Twitter.

Incorporar feeds do Twitter na barra lateral ou no rodapé do WordPress

Se preferir incorporar um widget do Twitter no WordPress, também o pode fazer utilizando o editor de feed em direto.

Primeiro, navegue até ao menu Twitter Feed " All Feeds (Todos os feeds ) a partir do seu painel de controlo do WordPress para ver todos os seus feeds do Twitter.

Na lista, clique no feed do Twitter que pretende incorporar.

abrir a página de todos os feeds feed do twitter

Em seguida, verá o feed do Twitter abrir-se novamente no editor de feed em direto.

Para começar a incorporar o seu feed do Twitter, clique no botão Incorporar no canto superior direito.

incorporar botão de feed do twitter

Uma vez que vamos incorporar o feed do Twitter como um widget, clique no botão Adicionar a um widget na janela pop-up.

adicionar feed do twitter ao widget

O plugin abrirá agora a página Widgets do seu sítio Web para que possa adicionar, remover e gerir todos os seus widgets do WordPress.

Para continuar, clique no painel da barra lateral aqui.

abrir o painel da barra lateral

Em vez disso, pode clicar no painel Rodapé se pretender incorporar aí o seu feed do Twitter.

painel de rodapé aberto

Depois disso, clique no ícone de mais para adicionar um widget e, em seguida, selecione o widget Twitter Feed nas opções.

adicionar um widget de feed do twitter ao wordpress

Clique em Atualizar para confirmar as alterações e já incorporou o seu feed do Twitter!

Agora pode abrir o seu sítio Web para ver o aspeto do seu novo feed do Twitter para os visitantes do seu sítio Web.

incorporar widget de feed do twitter no sítio web

Como pode ver, é muito fácil incorporar feeds do Twitter nas áreas da barra lateral ou do rodapé do seu WordPress com o plugin Twitter Feed Pro.

Dito isto, aqui está um guia passo-a-passo sobre como incorporar feeds do Twitter manualmente sem um plugin:

Adicionar um feed do Twitter ao seu site usando as ferramentas de incorporação do Twitter

A terceira e última forma de mostrar o conteúdo do Twitter no seu sítio Web é fazê-lo utilizando os widgets de publicação do Twitter.

Se pretender incorporar um feed do Twitter em HTML sem um plugin, terá de lidar com uma série de problemas.

De facto, aqui estão as desvantagens de adicionar manualmente um feed do Twitter ao WordPress:

  • Não é tão fácil: Incorporar manualmente os seus feeds requer muito mais tempo e passos confusos. Além disso, é necessário lidar com trechos de código que podem ser complicados.
  • Sem personalização: Não tem quaisquer opções de personalização para os seus feeds do Twitter. Ao contrário do Twitter Feed Pro, os seus feeds não copiarão o design do seu tema WordPress se os incorporar manualmente.
  • Sem filtros: Sem utilizar um plug-in, não é possível filtrar o conteúdo dos seus feeds do Twitter. Por outro lado, o Twitter Feed Pro permite-lhe selecionar os seus feeds filtrando hashtags do Twitter e termos de pesquisa.
  • Aberto a erros: É fácil cometer um erro com o código HTML e provocar erros no seu feed do Twitter. Além disso, não tem uma equipa de apoio para o ajudar quando isso acontece.

Está à procura de uma forma fácil de incorporar o seu feed do Twitter no WordPress? Então, o plugin Twitter Feed Pro tem tudo o que precisa para estar pronto e a funcionar em minutos!

Comece a utilizar o plug-in Twitter Feed Pro aqui.

Dito isto, eis o que pode fazer para incorporar feeds do Twitter manualmente sem um plug-in:

Passo 1: Visite o Twitter Publicar

twitter publicar página inicial

Em primeiro lugar, tem de abrir o Twitter Publish no seu browser.

Neste site, pode gerar um código HTML incorporado para adicionar conteúdo do Twitter ao seu site.

Passo 2: Escolha o seu tipo de incorporação

Em seguida, desloque-se para baixo e verá 3 opções para o seu tipo de incorporação:

  • Twitter incorporado: Adicione um único tweet ao seu site
  • Linha do tempo incorporada: Mostre uma timeline do Twitter no seu site
  • Botões do Twitter: Incorporar botões do Twitter para partilhar, gostar, seguir e muito mais
twitter publish website options

Para adicionar um feed do Twitter ao seu site, clique na opção de linha do tempo incorporada.

Passo 3: Colar o URL do Twitter

Depois disso, verá uma janela pop-up que lhe pede para introduzir o URL da sua linha de tempo do Twitter.

adicionar url da linha do tempo do twitter

Na janela pop-up, cole o URL da linha do tempo do Twitter que pretende incorporar e clique no botão Pré-visualizar.

Passo 4: Copiar o código HTML

O sítio Web do Twitter fornece-lhe agora um código HTML para o seu novo feed do Twitter. Por baixo desse código, pode encontrar uma pré-visualização da sua linha cronológica do Twitter.

Clique no botão Copiar código aqui.

copiar o código para incorporar o feed do twitter

Depois disso, pode ir para o passo 5 e utilizar este código para inserir um feed do Twitter no seu sítio.

Passo 5: Adicionar o código HTML ao WordPress

O último passo é colar o código HTML incorporado copiado do Twitter na sua página ou publicação do WordPress.

Aceda a Páginas " Adicionar novo no seu painel de controlo do WordPress para incorporar o feed do Twitter numa página.

adicionar nova página wordpress

Para incorporar o feed do Twitter numa publicação do WordPress, vá a Publicações " Adicionar novo em vez disso.

Para o nosso tutorial, vamos utilizar uma página do WordPress.

adicionar novo post wordpress

Em seguida, clique no ícone Mais (+) para adicionar um novo bloco de conteúdo à sua página ou publicação do WordPress.

adicionar novo bloco wordpress

Utilizando a barra de pesquisa, procure o bloco HTML personalizado e clique nele.

adicionar widget html personalizado ao sítio wordpress

Por fim, cole o código de incorporação do Twitter copiado anteriormente no bloco de conteúdo.

incorporar manualmente o widget do twitter.jpg

Agora pode clicar em Publicar para concluir a incorporação do seu widget da cronologia do Twitter.

Se abrir o seu site agora, o seu feed com as suas mensagens do Twitter será apresentado aí mesmo.

exemplo de incorporação manual do widget do twitter

E aí está!

Esperamos que este artigo o tenha ajudado a aprender como incorporar um feed do Twitter no seu Web site WordPress. É uma óptima forma de apresentar o seu conteúdo do Twitter ou mostrar tweets relevantes para envolver os seus visitantes.

Agora pode facilmente aumentar os seus seguidores no Twitter, aumentar as suas conversões e fazer crescer os seus negócios num instante.

Pronto para adicionar feeds do Twitter ao WordPress? Comece a usar o Twitter Feed Pro hoje mesmo.

Utiliza o Elementor? Eis como pode incorporar feeds do Twitter no seu sítio Elementor.

Interessado em mais formas de integrar o Twitter no seu sítio Web? Pode querer consultar esta próxima publicação sobre os melhores widgets do Twitter para incorporar no seu sítio Web WordPress.

Pretende apresentar conteúdos de redes sociais de outra plataforma? Eis como incorporar um feed do Instagram no seu sítio Web.

Gostou deste artigo? Não hesite em seguir-nos no Twitter e no Facebook para mais tutoriais sobre marketing nas redes sociais.

avatar do autor
Lianne Laroya Gerente de Marketing de Conteúdo
Lianne é a Gestora de Marketing de Conteúdos da Smash Balloon, com mais de 12 anos de experiência em conteúdos WordPress, marketing de redes sociais, conteúdos gerados pelo utilizador (UGC) e otimização de motores de busca (SEO).

Comentários 10

  1. Eric Godswill 3 anos atrás

    Este material é ótimo. Obrigado por publicar isto.

    Responder
  2. Sara 3 anos atrás

    Excelente post!

    Responder
  3. Zekerijah Ćatić 3 anos atrás

    Excelente

    Responder
  4. edwin udioh 3 anos atrás

    muito obrigado por isto. muito grato.

    Responder
  5. Vladimir 3 anos atrás

    Uuuu artigo muito prático. Mal posso esperar para o experimentar.

    Responder
  6. Thomas P 3 anos atrás

    Esta é uma forma fácil e poderosa de gerar e distribuir conteúdos. Crie uma vez, utilize várias vezes de várias formas.

    Responder
  7. Eric Godswill 3 anos atrás

    Post interessante!

    Responder
  8. Zekerijah Ćatić 3 anos atrás

    Muito bem explicado. Muito bem explicado.

    Responder
  9. Dainis 3 anos atrás

    Algumas informações úteis.

    Responder
  10. bashir 3 anos atrás

    Obrigado, foi muito esclarecedor!

    Responder

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.