Documentação do SeedProd

Documentação, materiais de referência e tutoriais para o SeedProd

X (Twitter) Incorporar bloco de tweets

O bloco X (Twitter) Embed Tweet permite incorporar um tweet específico diretamente em qualquer página do SeedProd. É uma maneira conveniente de destacar uma publicação individual — como um depoimento de cliente, um anúncio de produto ou uma menção notável — e compartilhá-la com seus visitantes sem que eles precisem visitar o X (Twitter).

Tudo o que você precisa é do ID do tweet, que pode ser encontrado na URL do tweet. Depois de adicionado, você pode escolher um esquema de cores claro ou escuro, controlar se o tópico da conversa e os cartões de mídia são exibidos, definir a largura do widget e selecionar o idioma de exibição para corresponder ao seu público.

X (Twitter) Bloco Embed Tweet mostrando um tweet incorporado em uma página SeedProd com tema escuro

Requisitos:O bloco X (Twitter) Incorporar Tweet está disponível em todosos nossosplanos de licença.


Adicionando o bloco Incorporar Tweet do X (Twitter) às suas páginas

Siga estas etapas para adicionar um bloco X (Twitter) Embed Tweet à sua página SeedProd:

Passo 1: Adicione o bloco

Em Design > Blocos, arraste e solte o bloco X (Twitter) Incorporar Tweet na seção desejada da sua página.

Arrastando o bloco X (Twitter) Incorporar Tweet para uma página SeedProd

Etapa 2: Configurar as definições de conteúdo

Depois de adicionado, clique no bloco X (Twitter) Incorporar Tweet para abrir suas configurações. Na guia Conteúdo, você encontrará as seguintes opções na seção Configuração do X (Twitter):

  • ID do tweet: Insira o ID numérico do tweet que você deseja incorporar. Você pode encontrar o ID do tweet na URL do tweet — é o número longo no final, após /status/. Por exemplo, em https://twitter.com/seedprod/status/1385250840898850816, o ID do tweet é 1385250840898850816.
  • Esquema de cores: escolha entre Claro e Escuro para combinar o widget do tweet incorporado com o design da sua página.
  • Ocultar conversa: alterne para ocultar o tópico da conversa que aparece abaixo do tweet (Sim/Não).
  • Ocultar fotos/vídeos/cartões: alterne para ocultar quaisquer cartões de mídia, fotos ou vídeos anexados ao tweet (Sim/Não).
  • Largura: defina a largura do widget do tweet incorporado em pixels usando um controle deslizante.
  • Alinhamento: defina o alinhamento horizontal do widget na página — Esquerda, Centro ou Direita — com controles por dispositivo para desktop, tablet e celular.
  • Idioma: escolha o idioma de exibição para a interface do widget. As opções incluem Automático, Inglês, Árabe, Bengali, Tcheco, Dinamarquês, Alemão, Grego, Espanhol, Persa, Finlandês, Filipino, Francês, Hebraico, Hindi, Húngaro, Indonésio, Italiano, Japonês, Coreano, Malaio, Holandês, Norueguês, Polonês, Português, Romeno e muito mais.
X (Twitter) Incorporar Tweet Guia Conteúdo exibindo ID do Tweet, esquema de cores, opções de alternância, largura e configurações de idioma

Etapa 3: Personalizar o design

Na guia Avançado, você pode controlar ainda mais o layout e o comportamento do seu bloco X (Twitter) Embed Tweet.

Espaçamento:

  • Margem: defina o espaçamento externo ao redor do bloco nos quatro lados, com controles independentes para desktop, tablet e celular.
  • Preenchimento: defina o espaçamento interno dentro do bloco wrapper nos quatro lados, com controles por dispositivo.

Atributos:

  • Classe personalizada: adicione uma ou mais classes CSS personalizadas ao invólucro do bloco para obter um estilo específico.
  • ID CSS: O SeedProd gera automaticamente um ID CSS exclusivo para este bloco. Você pode usá-lo para referenciar o bloco em CSS ou JavaScript personalizados.
  • Atributos personalizados: adicione atributos HTML personalizados ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato chave|valor.

Visibilidade do dispositivo:

  • Ocultar na área de trabalho: alterne para ocultar o bloco quando visualizado em telas de desktop.
  • Ocultar no tablet: alterne para ocultar o bloco quando visualizado em telas de tablet.
  • Ocultar no celular: Alterne para ocultar o bloco quando visualizado em telas de celular.

Efeitos de animação:

  • Efeito de rolagem: aplique uma animação acionada pela rolagem ao bloco, incluindo opções de rolagem vertical e horizontal com controles de direção, velocidade e deslocamento da janela de visualização.
  • Efeito do mouse: aplique um efeito de paralaxe acionado pelo movimento do mouse ao bloco.
X (Twitter) Incorporar Tweet Guia Avançado mostrando Espaçamento, Atributos, Visibilidade do Dispositivo e Efeitos de Animação

Etapa 4: Salve suas alterações

Depois de terminar de configurar o bloco X (Twitter) Embed Tweet e personalizar sua aparência, certifique-se de salvar seu trabalho.


Você adicionou com sucesso um bloco X (Twitter) Embed Tweet à sua página! Incorporar tweets individuais é uma ótima maneira de destacar provas sociais, apresentar menções notáveis ou compartilhar anúncios no contexto. Use o esquema de cores e as opções de visibilidade para garantir que o widget se integre perfeitamente ao design da sua página.

Artigos relacionados