Como exibir um feed do Twitter do Beaver Builder facilmente (passo a passo)
Início Blogue Como exibir um feed do Twitter do Beaver Builder facilmente (passo a passo)

Como exibir um feed do Twitter do Beaver Builder facilmente (passo a passo)

como apresentar facilmente um feed do twitter do beaver builder

Pretende mostrar um feed do Twitter no seu sítio Web do Beaver Builder?

O Beaver Builder é uma óptima ferramenta se quiser criar um site bonito para a sua marca sem qualquer codificação. Mas adicionar feeds do Twitter ao Beaver Builder pode ser complicado - especialmente se não estiver habituado a lidar com código.

Para vos ajudar, elaborámos este guia para principiantes sobre como incorporar feeds do Twitter no Beaver Builder com facilidade.

Vamos lá começar!

Porquê adicionar o Twitter Feeds ao Beaver Builder?

Utilizando um feed do Twitter, pode envolver os visitantes do seu Web site com publicações relevantes, fotografias, vídeos e muito mais a partir do Twitter. Afinal de contas, as publicações nas redes sociais são uma das melhores formas de manter as pessoas interessadas.

O utilizador "típico" da Internet passa quase 2½ horas por dia a utilizar plataformas de redes sociais, o que equivale a mais de um terço do nosso tempo total em linha.

Simon Kemp, analista-chefe do DataReportal

Além disso, pode utilizar um feed do Twitter para:

  • Mostre comentários online sobre os seus produtos para os utilizar como prova social e aumentar as suas conversões
  • Publique o seu próprio conteúdo no Twitter e obtenha facilmente toneladas de gostos, comentários e seguidores
  • Insira regularmente conteúdos do Twitter com palavras-chave relevantes para impulsionar a sua SEO e obter uma classificação mais elevada nos resultados dos motores de busca
  • Apresentar anúncios importantes, lançamentos de produtos, notícias e muito mais para captar a atenção das pessoas
  • E muito mais!

Para criar feeds do Twitter para o Elementor, tudo o que tem de fazer é seguir os passos simples abaixo. Vamos começar!

Como incorporar um feed do Twitter do Beaver Builder facilmente

Basta seguir os passos abaixo e poderá ter um belo feed do Twitter no seu site WordPress Beaver Builder num instante.

Passo 1: Descarregar o plug-in Twitter Feed Pro

Quando se trata de incorporar conteúdo do Twitter, a melhor ferramenta que pode utilizar é o Twitter Feed Pro.

Sendo o melhor plugin de feeds do Twitter, pode utilizá-lo para criar, personalizar e incorporar feeds de tweets em apenas alguns minutos - sem ter de tocar numa única linha de código.

twitter feed pro homepage

Para além disso, todos os feeds do Twitter corresponderão automaticamente ao design do seu site Beaver Builder e ficarão imediatamente bonitos.

Obtenha a sua cópia do plugin Twitter Feed Pro aqui antes de o instalar e ativar no seu sítio Web.

Para mais informações sobre como o fazer, pode consultar este tutorial sobre como instalar facilmente os plugins do WordPress.

Passo 2: Criar um novo feed do Twitter

Agora que tem o plugin, pode utilizar o guia de 3 passos para criar rapidamente o seu feed do Twitter.

Na sua área de administração do WordPress, abra o menu Twitter Feed " All Feeds e clique no botão Add New (Adicionar novo).

adicionar um novo feed personalizado do twitter

Depois disso, o plugin perguntou-me que tipo de feed do Twitter queria criar. Acontece que existem 3 opções para escolher:

  • Linha do tempo do usuário: Mostrar o seu próprio conteúdo do Twitter a partir da sua timeline
  • Hashtag: Mostrar tweets que tenham as hashtags selecionadas
  • Pesquisar: Incorporar os resultados da pesquisa para os termos de pesquisa selecionados

Acabei por escolher o tipo de feed Linha de tempo do utilizador .

Depois de selecionar um tipo de alimentação, clique em Seguinte para continuar.

tipos de feed feed twitter feed pro

O Twitter Feed Pro pedirá agora uma fonte. Esta fonte é basicamente as linhas de tempo dos utilizadores, hashtags ou termos de pesquisa que pretende selecionar.

Como pode ver abaixo, adicionei a linha de tempo do utilizador para "starbucks" como fonte.

Não se esqueça de adicionar a sua fonte e clique em Seguinte para continuar.

incorporar feed do twitter linha do tempo do utilizador

Passo 3: Personalizar o seu feed do Twitter

Para o ajudar a criar belos feeds do Twitter com designs únicos, o plugin permite-lhe escolher um modelo de feed para importar:

  • Predefinição
  • Cartões de alvenaria
  • Carrossel simples
  • Cartões simples
  • Carrossel de montras
  • Último tweet
  • Widget

Basta escolher um modelo que prefira e clicar no botão Seguinte .

escolher um modelo de feed

A seguir, o Twitter Feed Pro mostra o seu feed no personalizador visual. Aqui, pode encontrar as opções para alterar o layout, o design do cabeçalho, o design dos botões, o estilo dos tweets e muito mais.

Além disso, até tem uma pré-visualização em direto para acompanhar as suas alterações.

editor de feed em direto twitter

Pronto para começar a personalizar o feed do Twitter para o seu Beaver Builder?

Primeiro, selecione a opção Esquema de alimentação, à esquerda.

opção de layout de feed twitter

Aqui, tem 3 formas diferentes de apresentar tweets no seu site Beaver Builder:

  • Lista: Incorporar os tweets um após o outro numa única coluna para que cada tweet seja claramente visível
  • Alvenaria: Exibir toneladas de tweets no seu site ao mesmo tempo usando várias colunas
  • Carrossel: Mostre um carrossel deslizante de conteúdos do Twitter e torne o seu sítio Web mais interativo
escolher um layout de feed twitter

Acabei por escolher um esquema de alvenaria para este exemplo.

Para manter o novo layout, clique no botão Salvar no canto superior direito. Em seguida, clique em Personalizar para regressar às principais opções de personalização.

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

Vamos ver outra opção de personalização neste editor visual.

Clique na opção Esquema de cores à esquerda.

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

Isto mostra-lhe um local prático onde pode escolher as cores do seu feed do Twitter.

Tem 4 opções de esquema de cores diferentes à escolha:

  • Herdar do tema: Use as mesmas cores do tema do seu site Beaver Builder
  • Claro: Escolha um fundo claro e uma cor escura para o tipo de letra e os ícones
  • Escuro: Selecionar um fundo de cor escura e uma cor clara para o tipo de letra
  • Personalizado: Escolher manualmente todas as cores
escolher o esquema de cores do twitter

Tal como anteriormente, clique em Guardar para manter as suas alterações.

Pode então utilizar as restantes opções para personalizar o estilo de tweet do seu feed, o número de tweets, o estilo do cabeçalho e muito mais.

Não se esqueça de clicar em Guardar quando estiver pronto para incorporar o seu feed do Twitter do Beaver Builder.

Passo 4: Adicionar o seu feed do Twitter ao Beaver Builder

Pode começar a incorporar o feed do Twitter a partir do personalizador visual. Em primeiro lugar, clique no botão Incorporar na parte superior.

incorporar o botão do twitter no editor em direto

Isto mostra-lhe todas as formas de incorporar o seu conteúdo do Twitter. Pode adicioná-lo a uma página do WordPress ou incorporá-lo no seu rodapé ou barra lateral como um widget do Twitter.

Para já, basta clicar no botão Copiar.

copiar o shortcode do twitter feed pro

Pode então criar um novo Beaver Builder abrindo o menu Páginas " Adicionar novo no seu painel de controlo.

Aí, clique no botão Launch Beaver Builder (Iniciar o Beaver Builder ).

abrir a página do beaver builder

Ao fazê-lo, a página será aberta no editor de arrastar e largar do Beaver Builder.

Se olhar para a esquerda, verá todos os módulos do Beaver Builder que pode adicionar à página do WordPress.

beaver builder editor

Primeiro, clique na opção Módulos padrão para abrir um menu pendente.

Aí, selecione a opção WordPress Widgets.

Ao fazê-lo, serão abertos mais módulos que podem ser adicionados à página Web.

Nas opções, procure o módulo Feeds personalizados do Twitter e solte-o à esquerda.

módulo de feeds personalizados do twitter

Quando o fizer, o Beaver Builder mostrar-lhe-á opções adicionais para este módulo.

Aí, cole o seu shortcode de há pouco no campo principal antes de clicar em Guardar.

colar exemplo de código curto do twitter

Por fim, clique no botão Done (Concluído ) no canto superior direito para confirmar a sua nova página. Pode então optar por Publicar o seu novo feed do Twitter do Beaver Builder.

Depois de o fazer, abra o seu sítio para verificar o seu aspeto para os visitantes.

exemplo de feed do twitter do beaver builder

E aí está!

Como pode ver, incorporar um feed do Twitter do Beaver Builder pode ser muito fácil com a ajuda da ferramenta certa. Assim, pode envolver os visitantes, aumentar a sua presença no Twitter, impulsionar as suas vendas e muito mais.

Tudo o que precisa é do plugin Twitter Feed Pro, e é mais fácil do que nunca integrar o Twitter no seu sítio Web. O plugin até funciona com todos os construtores de páginas populares como SeedProd e Elementor!

Pronto para incorporar feeds do Twitter no Beaver Builder? Pegue sua cópia do Twitter Feed Pro hoje mesmo!

Para mais formas de integrar as redes sociais no seu site, consulte este guia detalhado sobre como incorporar widgets de feeds sociais no seu site.

Achou isto útil? Pode seguir-nos no Twitter e no Facebook para obter 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.