Como adicionar cartões do Twitter ao seu site (guia passo a passo)
Início Blogue Como adicionar cartões do Twitter ao seu site (guia passo a passo)

Como adicionar cartões do Twitter ao seu site (guia passo a passo)

adicionar cartões do twitter ao seu site

Se está a trabalhar para fazer crescer o seu negócio, blogue ou presença online, provavelmente está a utilizar as redes sociais, e o Twitter é provavelmente parte disso.

Como profissional de marketing digital, sei que fazer com que o seu conteúdo seja notado em plataformas como o Twitter é um objetivo constante.

Quando partilha um link para o seu sítio Web no Twitter, quer que este se destaque e chame a atenção das pessoas. É aí que entram os Twitter Cards. Transformam os seus links de tweet normais em pré-visualizações ricas, muitas vezes com imagens, títulos e descrições.

Se pretende tornar os links do seu Web site no Twitter mais eficazes e visualmente apelativos, está no sítio certo.

Neste guia passo-a-passo, vou mostrar-lhe exatamente como adicionar Twitter Cards ao seu site. Vou partilhar o processo simples que utilizei para configurar os Twitter Cards no WordPress, para que possa fazer com que todos os links de sites que partilha no Twitter trabalhem mais para si.

Neste artigo

Porquê utilizar Twitter Cards para o seu site

Se quiser chegar a muitas pessoas novas para a sua marca, o Twitter pode ser um local fantástico.

Afinal de contas, com base na nossa investigação sobre estatísticas de marketing nas redes sociais, o Twitter tem mais de 330 milhões de utilizadores, pelo que é uma plataforma de redes sociais enorme com toneladas de potenciais clientes.

Mas começar a utilizar o Twitter pode ser difícil, especialmente se a sua marca não tiver já muitos seguidores nas redes sociais.

Uma forma simples e eficaz de o fazer é adicionar cartões do Twitter ao seu sítio Web. Desta forma, os visitantes do seu sítio Web podem facilmente ver os seus tweets e segui-lo.

Eis mais algumas formas de começar a utilizar os cartões do Twitter no seu sítio Web:

  • Ao incorporar tweets relevantes, pode captar a atenção das pessoas e mantê-las envolvidas no seu sítio Web.
  • Pode publicar tweets com as últimas notícias e anúncios sobre a sua marca e informar facilmente os seus visitantes.
  • A apresentação da sua cronologia do Twitter também mostra às pessoas que está a publicar ativamente no Twitter, o que significa que é provável que o contactem aí. Isto também o ajuda a obter mais retweets.
  • Se pretende obter mais vendas, pode utilizar os cartões do Twitter para incorporar críticas aos seus produtos e convencer mais pessoas a comprar
exemplo de feed de revisão do twitter

E isso é apenas o começo. Os cartões do Twitter podem ser uma forma fantástica de começar a utilizar o marketing nas redes sociais, envolver os seus seguidores e fazer crescer o seu negócio.

Vamos ver a forma mais fácil de começar a apresentar o conteúdo do Twitter no seu sítio Web.

Como adicionar cartões do Twitter ao seu site (maneira fácil)

Se pretender mostrar cartões do Twitter aos visitantes do seu sítio Web, a melhor forma é utilizar um plug-in do WordPress.

Desta forma, pode incorporar todo o conteúdo do Twitter que quiser - sem necessidade de qualquer codificação.

E o melhor plugin para apresentar tweets no seu sítio Web é o Twitter Feed Pro.

twitter feed pro homepage

Utilizando este plugin, pode adicionar facilmente cartões do Twitter ao seu sítio Web e começar a envolver os seus visitantes num instante.

O Twitter Feed Pro é o melhor plugin de feed do Twitter para WordPress. Foi concebido para facilitar a apresentação do seu conteúdo envolvente do Twitter e manter os visitantes do seu sítio Web interessados na sua presença nas redes sociais, trabalhando em conjunto com os seus esforços para melhorar a sua estratégia do Twitter, como a utilização de Twitter Cards.

Bastam alguns cliques e pode criar, personalizar e incorporar um feed de cartões do Twitter no seu sítio Web.

Tal como a configuração dos Twitter Cards é simples, começar a utilizar o Twitter Feed Pro é rápido e fácil. Não é necessária codificação complicada para nenhum dos dois.

Além disso, tem imensas opções no que diz respeito ao tipo de conteúdo do Twitter que pretende mostrar.

Pode mostrar tweets das linhas de tempo dos utilizadores, incorporar as hashtags do Twitter que escolher, mostrar resultados de pesquisa do Twitter e muito mais.

A melhor parte? Os seus cartões do Twitter irão corresponder automaticamente ao design do seu sítio Web utilizando o plugin. Desta forma, o conteúdo do Twitter irá adaptar-se perfeitamente à sua marca.

Uma coisa que aprecio muito no Twitter Feed Pro é o seu personalizador visual de feeds.

Permite-lhe personalizar facilmente o aspeto do seu feed do Twitter e o conteúdo que apresenta, dando-lhe controlo sobre a integração do Twitter no seu sítio Web, tal como controla o aspeto dos seus links com os Twitter Cards.

Com apenas alguns cliques, pode definir o seu esquema, esquema de cores, design de botões, estilo de cabeçalho e muito mais.

Além disso, este plugin vem com uma equipa de especialistas em WordPress que estão sempre prontos para o ajudar.

Como pode ver, o Twitter Feed Pro é realmente o melhor plugin para o ajudar a incorporar o conteúdo do Twitter no seu sítio Web.

De facto, algumas das maiores marcas do mundo utilizam o Smash Balloon para incorporar feeds de redes sociais nos seus sítios Web.

Pronto para adicionar cartões do Twitter ao seu site? Obtenha a sua cópia do Twitter Feed Pro aqui.

Com isso, vamos ver como pode utilizar o plugin para adicionar cartões do Twitter ao seu sítio Web.

Passo 1: Descarregar o plug-in Twitter Feed Pro

Para começar, obtenha a sua cópia do plug-in Twitter Feed Pro e transfira-o para o seu computador.

Depois disso, basta instalar e ativar o plugin no seu sítio Web.

Se quiser ajuda com isso, consulte este tutorial sobre como instalar um plugin WordPress passo a passo.

Depois de ter instalado e ativado o plugin, pode passar para o passo 2 abaixo.

Passo 2: Criar um novo feed do Twitter

Agora que o plugin está pronto, pode utilizá-lo para criar um novo feed do Twitter no seu sítio Web.

Utilizando esse feed, pode mostrar toneladas de cartões do Twitter de uma só vez.

Na área do painel, navegue até o menu Feed do Twitter " Todos os feeds para começar.

Agora, crie um novo feed clicando no botão Adicionar novo .

adicionar um novo feed personalizado do twitter

Depois disso, pode escolher o tipo de conteúdo do Twitter que pretende mostrar nos seus cartões. Eis as opções que pode escolher:

opções de tipo de feed twitter

Selecione a opção que prefere nesta lista e, em seguida, clique no botão Seguinte .

Para este exemplo, vamos utilizar um tipo de feed de linha cronológica do utilizador.

selecionar o tipo de feed twitterr

Como pode ver, pode criar um feed do Twitter em apenas alguns cliques com este plugin,

No passo 3, pode ligar este feed ao Twitter para que este possa apresentar cartões do Twitter no seu sítio Web.

Passo 3: Ligar a sua conta do Twitter

Para incorporar cartões do Twitter, pode ligar este novo feed à sua conta do Twitter.

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

ligar a conta do twitter ao wordpress

O plugin abrirá o Twitter para que possa terminar de ligar a sua conta. Para isso, pode simplesmente dar acesso só de leitura ao plugin.

Desta forma, a sua conta do Twitter estará completamente segura, uma vez que o plugin apenas pode ver as informações do Twitter e não poderá efetuar quaisquer alterações.

Para ligar a sua conta do Twitter, clique na aplicação Autorizar aqui.

autorizar o acesso do twitter apenas para leitura.jpg

Agora que já ligou a sua conta do Twitter, é altura de adicionar a fonte.

A fonte pode ser o perfil do Twitter, hashtag, lista, termo de pesquisa e conteúdo personalizado do Twitter que pretende apresentar no seu Web site.

Aqui, adicionámos o perfil do Twitter @starbucks como fonte. Isso exibirá cartões do Twitter do perfil desse usuário.

Depois de introduzir a fonte na janela pop-up, clique no botão Seguinte .

incorporar feed do twitter linha do tempo do utilizador

Com isso, pode passar para o passo 4 e personalizar o aspeto dos seus cartões do Twitter no seu Web site.

Passo 4: Personalizar o seu feed do Twitter

Para começar, pode optar por importar um design pré-construído para os seus cartões do Twitter. Aqui estão as 6 opções que pode escolher:

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

Depois de selecionar o modelo, clique em Seguinte para continuar.

escolher um modelo de feed

Depois de o fazer, o Twitter Feed Pro envia-o para o editor de feed em direto. A partir daqui, pode alterar o layout, as cores, o design dos botões, a lightbox, o design do cabeçalho e muito mais para os seus cartões do Twitter.

À direita, pode encontrar uma pré-visualização em direto que mostra o aspeto dos cartões do Twitter no seu sítio Web.

editor de feed em direto twitter

Para começar a personalização, pode alterar a disposição dos cartões do Twitter no seu Web site.

Clique na opção Layout do feed para o fazer.

opção de layout de feed twitter

Depois disso, pode escolher entre 3 layouts para os seus cartões do Twitter: Lista, Alvenaria e Carrossel.

Vamos dar uma vista de olhos abaixo:

escolher um layout de feed twitter

Utilizando o esquema de lista, pode mostrar os seus cartões do Twitter numa única coluna - tal como o esquema do sítio Web oficial do Twitter.

Desta forma, cada cartão do Twitter é claramente visível no seu sítio Web.

layout do feed do twitter da lista

A seguir, temos o layout de alvenaria que pode mostrar os cartões do Twitter em várias colunas.

É uma óptima forma de mostrar vários cartões do Twitter de uma só vez.

exemplo de alvenaria twitter feed wordpress

Também pode escolher a disposição em carrossel e incorporar uma apresentação de diapositivos de cartões do Twitter no seu sítio Web.

Este esquema pode ajudá-lo a tornar o seu sítio Web ainda mais interativo.

exemplo de feed horizontal do twitter

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

Em seguida, pode continuar a configurar o design do seu feed do Twitter clicando no botão Personalizar na parte superior.

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

Agora, pode utilizar o editor de feed em direto para alterar as cores do seu feed do Twitter.

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

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

Para alterar as suas cores, pode simplesmente escolher entre 4 esquemas de cores diferentes aqui:

  • Herdar do tema: Copiar as cores do seu tema WordPress
  • Claro: Um fundo claro com uma cor de letra escura
  • Escuro: fundo escuro em cima de uma cor de letra clara
  • Personalizado: Escolher manualmente todas as cores

Depois de selecionar o esquema de cores, clique no botão Guardar.

escolher o esquema de cores do twitter

Pode então utilizar as restantes opções de personalização e alterar o cabeçalho, o design dos botões, o tamanho do feed e muito mais com apenas alguns cliques.

Por fim, clique no botão Guardar para confirmar o novo design do seu feed do Twitter.

Pode então passar à etapa final e começar a incorporar os seus cartões do Twitter no seu sítio Web.

Passo 5: Incorporar os seus Twitter Cards no seu site

Agora que já personalizou o aspeto dos cartões do Twitter, está na altura de os incorporar no seu site WordPress

Pode fazê-lo de duas formas com este plugin:

  • Incorporar cartões do Twitter numa página do WordPress
  • Incorporar cartões do Twitter na barra lateral ou no rodapé do WordPress

Vejamos os dois métodos abaixo.

Incorporar cartões do Twitter em uma página do WordPress

Utilizando o editor de feed em direto, pode incorporar facilmente os seus cartões do Twitter com apenas alguns cliques - não é necessária codificação.

Para começar, clique no botão Incorporar na parte superior.

incorporar o seu feed do twitter

Quando o fizer, verá uma janela onde pode escolher a localização dos seus cartões do Twitter.

Clique em Adicionar a uma página aqui para continuar.

adicionar a uma página

Em seguida, verá uma lista de todas as páginas do WordPress no seu sítio Web. Pode agora selecionar a página onde pretende incorporar os cartões do Twitter.

Depois de o fazer, clique em Adicionar para continuar.

adicionar o feed do twitter a uma nova página

O Twitter Feed Pro abrirá agora essa página no editor do WordPress. Aqui, pode adicionar um novo bloco de conteúdo clicando no ícone de mais (+).

adicionar novo bloco bloco de conteúdo

Escreva "twitter feed" na barra de pesquisa na parte superior para procurar o bloco de conteúdo correto aqui.

Em seguida, clique no bloco Twitter Feed a partir das opções abaixo.

incorporar o feed do twitter no seu site wordpress

Por fim, clique no botão Atualizar e os seus cartões do Twitter estarão disponíveis no seu sítio Web.

Para ver o seu aspeto, basta abrir o seu sítio Web e verificar por si próprio.

exemplo de feed do twitter no sítio web

Vejamos agora outra forma de adicionar cartões do Twitter ao seu sítio Web utilizando o Twitter Feed Pro.

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

Utilizando este método, pode incorporar cartões do Twitter na barra lateral ou no rodapé do WordPress como um widget do Twitter.

Também pode utilizar o editor de feed em direto para esse efeito.

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

Verá então uma lista de todos os feeds do Twitter no seu sítio Web. Agora, clique no feed do Twitter que pretende incorporar.

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

Ao fazê-lo, abre-se novamente o editor de feed em direto. Basta clicar no botão Incorporar para começar a incorporar os seus cartões do Twitter.

incorporar botão de feed do twitter

Na janela pop-up, clique em Adicionar a um Widget para continuar.

Esta ação leva-o para a sua página de widgets do WordPress, para que possa adicionar o seu widget do Twitter.

adicionar feed do twitter ao widget

A partir daqui, pode escolher entre a barra lateral e o rodapé para os seus cartões do Twitter.

Pretende mostrar cartões do Twitter na barra lateral do seu sítio Web?

Basta clicar no painel Barra lateral .

abrir o painel da barra lateral

Ou pode optar por apresentar os cartões do Twitter no rodapé.

Para isso, clique num painel de Rodapé.

painel de rodapé aberto

Agora, pode adicionar um novo widget clicando no ícone de mais (+) na parte inferior.

Depois disso, selecione o widget Twitter Feed nas opções.

adicionar um widget de feed do twitter ao wordpress

Por fim, pode clicar em Atualizar para guardar as alterações.

Assim, adicionou os cartões do Twitter às áreas preparadas para widgets do seu Web site. Pode dar uma vista de olhos abrindo o seu site.

incorporar widget de feed do twitter no sítio web

Em suma, o Twitter Feed Pro é o melhor plugin se quiser adicionar conteúdo do Twitter ao seu sítio Web com facilidade.

Vejamos agora como pode incorporar cartões do Twitter sem utilizar um plug-in.

Adicionar manualmente cartões do Twitter ao seu site

Também pode adicionar cartões do Twitter ao seu sítio Web de forma manual, sem utilizar qualquer plug-in.

Como resultado, pode ser muito mais demorado se escolher este método. Afinal de contas, terá de gerar manualmente o código de incorporação do Twitter e adicioná-lo ao seu sítio Web.

Além disso, não terá opções de personalização aqui, pelo que os seus cartões do Twitter podem não corresponder à sua marca.

Se pretender alterar o aspeto dos cartões do Twitter, terá de alterar o código ou contratar um programador.

Além disso, não terá uma equipa de apoio como no Twitter Feed Pro. Se a adição do código de incorporação ao seu site causar algum erro, não poderá pedir ajuda a uma equipa de apoio.

Com isto, vamos começar e ver como pode adicionar manualmente cartões do Twitter ao seu site.

Passo 1: Visite o Twitter Publicar

twitter publicar página inicial

Para começar, abra publish.twitter.com no seu navegador para ir para o site Twitter Publish.

Aqui, pode utilizar o gerador de cartões do Twitter para criar um código HTML incorporado para conteúdo do Twitter.

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

Se deslocar a página para baixo, pode encontrar 3 opções de incorporação diferentes:

  • Twitter incorporado: Adicione um único cartão do Twitter ao seu site
  • Timeline incorporada: Mostrar cartões do Twitter de uma timeline específica
  • Botões do Twitter: Incorporar botões do Twitter
twitter publish website options

Para o nosso exemplo, vamos escolher a opção de linha de tempo incorporada.

Passo 3: Colar o URL do Twitter

Depois disso, verá um pop-up do gerador de cartões do Twitter. Aí, pode simplesmente introduzir o URL da linha cronológica do Twitter que pretende incorporar.

adicionar url da linha do tempo do twitter

Depois de colar o URL da linha cronológica do Twitter na janela pop-up, clique no botão Pré-visualizar para continuar.

Passo 4: Copiar o código HTML

Por fim, pode ver o código HTML dos seus Twitter cards. Também pode ver uma pré-visualização do aspeto dos cartões do Twitter no seu Web site.

Para continuar, clique no botão Copiar código .

copiar o código para incorporar o feed do twitter

Por fim, pode utilizar este código para incorporar os cartões do Twitter na etapa seguinte.

Passo 5: Adicionar o código HTML ao WordPress

Pode agora colar o código HTML incorporado na sua página ou publicação do WordPress.

Para utilizar uma página do WordPress, clique no menu Páginas " Adicionar novo no seu painel de controlo.

adicionar nova página wordpress

Ou pode abrir o menu Publicações " Adicionar novo no seu painel de controlo para utilizar a publicação do WordPress.

Para este exemplo, vamos optar por uma página do WordPress.

adicionar novo post wordpress

Agora, adicione um bloco de conteúdo à página ou ao post clicando no ícone de mais (+).

adicionar novo bloco wordpress

Por fim, procure a barra de pesquisa na parte superior e escreva "html personalizado" .

Em seguida, selecione o bloco HTML personalizado a partir das opções abaixo.

adicionar widget html personalizado ao sítio wordpress

Agora pode colar o código de incorporação do Twitter copiado no bloco HTML.

Ao fazê-lo, os cartões do Twitter serão incorporados no seu sítio Web.

incorporar manualmente o widget do twitter.jpg

Por fim, clique em Publicar para guardar as suas alterações e os cartões do Twitter ficarão online.

Basta abrir o seu sítio Web para ver o aspeto dos cartões do Twitter.

exemplo de incorporação manual do widget do twitter

Mas se pretender incorporar apenas um único cartão do Twitter, é um pouco mais fácil.

Em primeiro lugar, copie o URL do Twitter e, em seguida, regresse ao seu sítio Web WordPress. Depois disso, basta colar o seu URL na sua publicação ou página.

incorporar o cartão do twitter no seu site

Tal como anteriormente, clique em Publicar para confirmar as alterações e o seu novo cartão do Twitter ficará online.

E aí está!

Como pode ver, é muito fácil adicionar cartões do Twitter ao seu sítio web utilizando um plugin do WordPress. Com o Twitter Feed Pro, pode começar a apresentar conteúdos do Twitter com apenas alguns cliques - mesmo que seja um novato em WordPress.

Assim, pode aumentar o número de seguidores nas redes sociais, envolver os visitantes do seu sítio Web e aumentar também as suas vendas.

Se quiser começar a tirar o máximo partido do Twitter para a sua marca, consulte a nossa lista das melhores formas de ganhar dinheiro no Twitter.

Tem um sítio Web Elementor? Eis como pode incorporar um feed do Twitter no seu sítio Elementor.

Se este tutorial o ajudou, siga-nos no Facebook e no Twitter para obter mais dicas úteis sobre 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.