Como adicionar um feed do X (Twitter) ao seu site Divi no WordPress
Início Blogue Como adicionar um feed do X (Twitter) ao seu site Divi no WordPress

Como adicionar um feed do X (Twitter) ao seu site Divi no WordPress

Como adicionar um feed do Twitter ao seu Divi WordPress

Já alguma vez quis adicionar um feed do X (Twitter) ao seu site Divi?

Depois de criar um site bonito com o Divi, uma forma simples de o tornar mais apelativo é adicionar um feed do X (Twitter).

Pode, assim, apresentar conteúdos relevantes do X (Twitter) para cativar os seus visitantes, aumentar o número de seguidores nas redes sociais e até impulsionar as conversões.

E para o ajudar a começar logo, vamos mostrar-lhe a forma mais fácil de adicionar conteúdo do X (Twitter) ao Divi.

Antes disso, vamos ver como a exibição de conteúdos do X (Twitter) no seu site Divi pode ser útil.

Ou pode seguir esta forma fácil de fazer com que o feed do X (Twitter) apareça no WordPress.

Por que razão adicionar feeds do X (Twitter) a um site Divi?

O Divi é um popular construtor de páginas para WordPress que pode utilizar para criar um belo sítio Web com facilidade.

Mas pode não ser suficiente ter apenas um sítio Web com um aspeto bonito. Afinal de contas, a maioria dos seus visitantes abandonará o sítio e nunca mais voltará.

"Eis um facto preocupante: 95% dos visitantes que chegam ao seu sítio Web nunca mais voltam, o que não é um buraco de um quarto no seu balde, é uma cratera."

- Josh Sturgeon, cofundador da EmberTribe

josh sturgeon

Uma excelente forma de cativar os seus visitantes é apresentar conteúdos do X (Twitter) no seu site. Dessa forma, pode apresentar conteúdos cativantes e manter as pessoas no seu site. 

  • Com conteúdo envolvente nas redes sociais, as pessoas podem passar mais tempo no seu sítio Web. Dessa forma, o seu sítio pode obter melhor SEO e chegar a mais pessoas com facilidade.
  • Ao incorporar publicações do X da sua própria conta, pode transformar o tráfego do site em interação e em novos seguidores no X (Twitter) com facilidade.
  • Utilizando um feed do Twitter, pode apresentar os seus últimos lançamentos de produtos, notícias, anúncios, vendas e muito mais de uma forma apelativa.
  • Podes incorporar avaliações e testemunhos do X (Twitter) nas páginas dos teus produtos. Com esta prova social, será muito mais fácil converter visitantes em clientes.

Uma forma fácil de exibir o feed do X (Twitter) no WordPress

Para adicionar manualmente um feed do X (Twitter) ao Divi, terá de gerar códigos de incorporação, ajustar o código e, em seguida, adicioná-lo ao seu site.

Além disso, o conteúdo do X (Twitter) não reproduzirá o design do seu site se utilizar este método, e as publicações no X podem até entrar em conflito com a sua identidade de marca.

A boa notícia?

Há uma forma muito melhor de apresentar publicações do X (Twitter) sem ter de mexer numa única linha de código. Além disso, não precisas de procurar entre as extensões no Divi Marketplace.

Basta utilizar o plugin X (Twitter) Feed Pro.

plugin para incorporar o feed do twitter

Com o X (Twitter) Feed Pro, é super fácil exibir feeds do X (Twitter) no teu site e manter os visitantes envolvidos — mesmo que sejas um especialista em WordPress.

Este plugin inclui imensas funcionalidades, criadas especificamente para tornar mais fácil do que nunca a incorporação de feeds do X (Twitter) no seu site:

  • Basta seguir o fluxo guiado de 3 passos que o acompanhará ao longo de todo o processo de criação, personalização e incorporação de feeds do X (Twitter) — sem necessidade de programação.
  • Assim que criares os teus feeds do X (Twitter), estes irão herdar automaticamente o design do teu site Divi e terão um aspeto fantástico logo à primeira vista.
  • Pode importar um modelo pré-concebido ou utilizar o editor de feed em tempo real para alterar o layout, o esquema de cores, o cabeçalho, a caixa de publicação «X», o tamanho do feed e muito mais.
  • A melhor parte? Com este plugin, tem à sua disposição uma equipa de especialistas em WordPress. Se alguma vez precisar de ajuda ou tiver alguma dúvida, pode simplesmente contactá-los para obter ajuda.
  • Todas as páginas do X (Twitter) que criar serão leves e super rápidas. E um site mais rápido também significa um melhor SEO para o seu site.
exemplo de twitter feed pro

Em suma, o X (Twitter) Feed Pro é o melhor plugin de feed do X (Twitter) do mercado e uma excelente opção para empresas online. Além disso, conta com o apoio de uma equipa de apoio ao cliente aclamada, composta por especialistas em WordPress.

Pronto para criar feeds do X (Twitter) cativantes para o seu site? Adquira já a sua cópia do X (Twitter) Feed Pro!

Como adicionar um feed do X (Twitter) ao Divi (passo a passo)

Basta seguir os passos simples abaixo para poder incorporar feeds do X (Twitter) no teu site WordPress. Vamos começar!

Passo 1: Descarregue o plugin X (Twitter) Feed Pro

Primeiro, obtenha o plugin X (Twitter) Feed Pro aqui e, em seguida, transfira-o para o seu computador.

Pode então instalar e ativar o X (Twitter) Feed Pro no seu site WordPress.

Se não souber como, consulte este tutorial sobre como instalar plug-ins do WordPress para iniciantes.

Passo 2: Criar um feed X (Twitter)

Com este plugin, pode criar o seu feed do X (Twitter) seguindo o processo guiado.

Primeiro, aceda ao painel de controlo do WordPress e, em seguida, abra o menu «Feed do X (Twitter) » Todos os feeds ».

Na nova página, clique no botão Adicionar novo para começar.

adicionar um novo feed personalizado do twitter

O plugin irá então perguntar-lhe que tipo de feed do X (Twitter) pretende no seu site Divi. Pode escolher entre 3 opções:

  • Linha do tempo do utilizador: Selecione uma linha do tempo do X (Twitter) e exiba as publicações mais recentes do X.
  • Hashtag: Apresenta um feed com base em hashtags específicas do X (Twitter) que o utilizador escolher.
  • Pesquisa: Mostrar os resultados de uma pesquisa avançada no X (Twitter).

Para continuar, selecione um tipo de alimentação e clique em Seguinte.

tipos de feed feed twitter feed pro

Neste exemplo, escolhi uma linha de tempo do utilizador para o sítio Web Divi.

Passo 3: Ligar a sua conta X (Twitter)

Para que o seu feed do X (Twitter) mostre as publicações do X no seu site Divi, basta ligá-lo à sua conta do X (Twitter).

Para começar, clique no botão Ligar .

ligar a conta do twitter ao wordpress

O plugin irá, em seguida, abrir o X (Twitter) no seu navegador para que possa autorizar o acesso apenas de leitura para o X (Twitter) Feed Pro.

Através deste acesso, os seus feeds podem obter informações do X (Twitter) e, em seguida, apresentar publicações do X no seu site. O plugin não poderá efetuar quaisquer alterações, pelo que a sua utilização é totalmente segura.

Para o fazer, clique no botão Autorizar aplicação aqui.

autorizar o acesso do twitter apenas para leitura.jpg

Assim que o fizer, o plugin irá abrir o seu site novamente. Aqui, pode escolher a fonte do seu feed do Divi X (Twitter).

Como estamos a incorporar uma cronologia de um utilizador, vamos adicionar aqui o nome de utilizador «@starbucks» do X (Twitter).

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

incorporar feed do twitter linha do tempo do utilizador

Passo 4: Personalizar o teu feed do X (Twitter)

Uma vez que o plugin copia automaticamente o design do seu sítio Web Divi, os seus feeds terão um aspeto bonito logo à partida.

Além disso, também podes personalizar o aspeto do teu feed do X (Twitter).

Para o ajudar a começar rapidamente, pode escolher entre 7 modelos de feed diferentes com esquemas pré-construídos:

  • Predefinição
  • Cartões de alvenaria
  • Carrossel simples
  • Cartões simples
  • Carrossel de montras
  • Última publicação no X
  • Widget

Depois de selecionar o seu modelo Divi para o feed do X (Twitter), clique em «Seguinte».

escolher um modelo de feed

Em seguida, o plugin irá abrir o editor do feed em tempo real para que possa personalizar o seu feed do X (Twitter) em pormenor. Desta forma, poderá garantir que o design combina na perfeição com o seu tema Divi.

À esquerda, pode encontrar o painel de personalização com opções para definir o layout, as cores, o tamanho, o design do cabeçalho e muito mais do seu feed de mídia social Divi.

editor de feed em direto twitter

Ao personalizar o seu feed do X (Twitter), pode utilizar a pré-visualização em tempo real à direita para acompanhar facilmente as suas alterações.

Para começar, costumo alterar o layout das X publicações. É uma excelente forma de alterar a forma como os visitantes irão interagir com o feed.

Primeiro, clique em «Feed Layout» para definir o layout das X publicações no seu site Divi.

opção de layout de feed twitter

O X (Twitter) Feed Pro oferece 3 opções de layout do feed: Lista, Masonry e Carrossel

Vamos dar uma vista de olhos a cada um destes esquemas abaixo.

escolher um layout de feed twitter

Em primeiro lugar, existe o layout de lista que pode utilizar para apresentar X publicações numa única coluna, tal como no site oficial do X (Twitter).

layout do feed do twitter da lista

Queres mostrar várias publicações do X de uma só vez?

Pode selecionar o layout em mosaico, que apresenta X publicações em várias colunas ao mesmo tempo.

exemplo de alvenaria twitter feed wordpress

Se, em vez disso, selecionar o layout em carrossel, pode transformar o seu feed do Divi X (Twitter) numa bela apresentação de diapositivos.

Desta forma, pode tornar o seu sítio Web mais interativo.

carrossel feed do twitter

Depois de selecionar um esquema de feed, clique no botão Guardar na parte superior.

Para personalizar mais o seu feed, pode clicar no botão Personalizar no canto superior esquerdo.

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

Em seguida, pode utilizar o editor do feed em tempo real para definir as cores do seu feed do X (Twitter).

Para o fazer, clique na opção Esquema de cores .

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

A seguir, o plugin mostra-lhe esquemas de cores que pode utilizar para selecionar facilmente as cores do seu feed social.

Tudo o que tem de fazer é escolher entre 4 esquemas de cores diferentes:

  • Herdar do tema: Use as mesmas cores do seu site Divi
  • Claro: Apresentar um fundo claro com uma cor de letra escura
  • Escuro: Mostra um fundo escuro juntamente com um tipo de letra de cor clara
  • Personalizado: Selecionar manualmente todas as cores

Depois de escolher o esquema de cores, clique em Guardar mais uma vez para confirmar as alterações.

escolher o esquema de cores do twitter

Agora, pode utilizar o resto das opções para alterar o aspeto do seu novo feed. Utilizando o editor de feed em direto, é muito fácil alterar o tamanho do feed, o botão "carregar mais", as opções de lightbox, o estilo do cabeçalho e muito mais.

Não se esqueça de clicar em Guardar no final para confirmar as suas alterações.

Passo 5: Incorporar o feed do X (Twitter) num site Divi

Para começar a incorporar o seu feed, a forma mais fácil é utilizar o editor de feed em direto.

No seu editor em direto, clique no botão Incorporar na parte superior.

incorporar o seu feed do twitter

Em seguida, verá uma janela com todas as opções de incorporação para o seu feed recém-criado.

Para incorporar o feed no seu site Divi, pode clicar no botão Copiar aqui.

copiar o código curto do feed do twitter

Em seguida, aceda ao menu Páginas » Adicionar nova na área do painel de controlo para criar uma página para o seu feed do X (Twitter).

Para continuar, clique no botão Usar o Divi Builder no editor do WordPress.

adicionar nova página no divi

Para utilizar uma publicação do WordPress, abra o menu Publicações " Adicionar novo no painel de controlo.

Agora clique em Use The Divi Builder para abrir a página no editor Divi.

adicionar nova publicação no divi

A partir do construtor Divi, pode escolher entre 3 formas diferentes de conceber a sua página ou publicação.

  • Iniciar a construção: Começar a construir a partir de um modelo em branco
  • Procurar layouts: Importar um layout predefinido
  • Selecionar página: Duplicar uma página e utilizar o seu design

Pode selecionar a opção que preferir aqui.

escolher a opção divi builder

Se optar pela opção Iniciar construção, pode começar imediatamente a conceber a sua página ou publicação a partir de uma página em branco.

começar a construir com o editor divi

Mas se, em vez disso, selecionar a opção Procurar esquemas, pode consultar uma coleção de esquemas pré-construídos.

Para continuar, clique no esquema que preferir.

carregar o pacote de esquemas da biblioteca divi

A janela pop-up mostra-lhe mais detalhes sobre o esquema escolhido. Se pretender uma pré-visualização rápida, clique em Ver demonstração em direto.

Se estiver satisfeito com o esquema, clique no botão Utilizar este esquema.

importar layout para divi

Com a opção Escolher página , pode verificar todas as páginas que criou com a Divi.

Para continuar, basta clicar numa página que pretenda clonar.

carregar a partir da biblioteca do tema divi

Depois disso, pode começar a adicionar conteúdo à sua página Divi ou, se preferir, começar por aí. Por isso, vou adicionar rapidamente um módulo de linha do tempo do X (Twitter) a esta página.

Para o fazer, primeiro, clique no ícone verde de mais (+) e, em seguida, escolha o tipo de linha que pretende.

inserir linha no sítio web da divi

Agora que já criou espaço para o seu novo feed, clique no ícone preto de mais (+) para começar a adicionar conteúdo.

Depois disso, basta escrever "código" na barra de pesquisa e, em seguida, clicar no módulo Código abaixo.

módulo de código para o tema divi

À esquerda, pode encontrar as opções para o módulo de código. Aí, procure o campo de código e, em seguida, cole o shortcode.

Por fim, clica no ícone da marca de verificação para concluir a adição do teu feed do X (Twitter) ao Divi.

adicionar shortcode de feed do twitter ao divi

Depois disso, clique no botão «Publicar» e o seu novo módulo de feed do X (Twitter) ficará disponível no seu site Divi.

Para ver o aspeto do feed, pode abrir o seu sítio Web e ver por si próprio.

exemplo de feed do twitter no sítio web divi

E pronto!

Como podem ver, é muito fácil adicionar um feed do X (Twitter) a sites criados com o Divi, desde que se utilize a ferramenta certa. E com o X (Twitter) Feed Pro, é mais fácil do que nunca integrar o X (Twitter) no vosso site.

Em suma, é mesmo o melhor plugin do WordPress para integrar o X (Twitter) no teu site. Assim, podes facilmente impulsionar o teu marketing no X (Twitter).

Queres adicionar facilmente publicações do X (Twitter) ao Divi? Adquire aqui a tua cópia do X (Twitter) Feed Pro!

Se quiser utilizar o X (Twitter) para o seu negócio, pode consultar a nossa lista das melhores ferramentas de marketing do X (Twitter).

Outros guias e sugestões de marketing nas redes sociais

Se achaste este artigo útil, segue-nos no X (Twitter) e no Facebook e fica atento a mais dicas e truques de marketing nas redes sociais.

avatar do autor
Sajjan Sharma Escritor sénior
Sajjan escreve sobre WordPress, marketing nas redes sociais e negócios online há mais de 10 anos. Os seus interesses profissionais incluem marketing de influência, curadoria de conteúdos e estratégias de marketing digital.

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.