Documentação do SeedProd

Documentação, Materiais de Referência e Tutoriais para SeedProd

Bloco de Botão Tweet do X (Twitter)

O bloco Botão de Tweet X (Twitter) permite adicionar um botão nativo de Tweet a qualquer página SeedProd, facilitando para os visitantes compartilharem seu conteúdo com seus seguidores do X (Twitter) em um único clique. Você pode pré-popular o tweet com uma URL, texto personalizado, hashtags e atribuição, dando controle total sobre como seu conteúdo é compartilhado.

Este bloco é ideal para posts de blog, páginas de produtos e landing pages onde você deseja incentivar os visitantes a espalhar a palavra. O botão se adapta a tamanhos pequenos ou grandes e suporta mais de 30 idiomas de exibição para corresponder ao seu público.

Bloco Botão de Tweet do X (Twitter) exibido em uma página do SeedProd

Requisitos: O bloco Botão de Tweet X (Twitter) está disponível em todos os nossos planos de licença.


Adicionando o Bloco Botão de Tweet X (Twitter) às Suas Páginas

Siga estas etapas para adicionar um bloco Botão de Tweet X (Twitter) à sua página SeedProd:

Etapa 1: Adicionar o Bloco

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

Arrastando o bloco Botão de Tweet do X (Twitter) para uma página do SeedProd

Etapa 2: Configurar as Definições de Conteúdo

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

  • URL: Insira a URL que será compartilhada quando um visitante clicar no botão Tweet. Deixe em branco para compartilhar a URL da página atual.
  • Texto: Insira um texto pré-composto para o tweet que aparecerá no composer de tweet do visitante quando ele clicar no botão. Deixe em branco para que os visitantes escrevam sua própria mensagem.
  • Hashtags: Insira uma ou mais hashtags para incluir no tweet pré-composto (separadas por vírgula, sem o símbolo #).
  • Via: Insira um nome de usuário do X (Twitter) para atribuir o tweet (sem o símbolo @). Isso aparece como “via @nomedeusuario” no tweet.
  • Relacionados: Insira uma lista separada por vírgulas de contas do X (Twitter) que o X (Twitter) pode sugerir ao usuário após ele postar o tweet.
  • Tamanho: Escolha entre os tamanhos de botão Pequeno e Grande.
  • Alinhamento: Defina o alinhamento horizontal do botão 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 botão. 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, Russo, Sueco, Tailandês, Turco e mais.
Aba de Conteúdo do bloco Botão de Tweet do X (Twitter) mostrando configurações de URL, texto, hashtags, via, tamanho e idioma

Etapa 3: Personalizar o Design

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

Espaçamento:

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

Atributos:

  • Classe Personalizada: Adicione uma ou mais classes CSS personalizadas ao wrapper do bloco para estilização direcionada.
  • 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 personalizado.
  • 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 no Desktop: Ative para ocultar o bloco quando visualizado em telas de desktop.
  • Ocultar no Tablet: Ative para ocultar o bloco quando visualizado em telas de tablet.
  • Ocultar no Celular: Ative para ocultar o bloco ao ser visualizado em telas de celular.

Efeitos de Animação:

  • Efeito de Rolagem: Aplique uma animação acionada por rolagem ao bloco, incluindo opções de Rolagem Vertical e Rolagem Horizontal com controles de direção, velocidade e deslocamento de visualização.
  • Efeito do Mouse: Aplique um efeito de paralaxe ao bloco, acionado pelo movimento do mouse.
Aba Avançada do bloco Botão de Tweet do X (Twitter) 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 Botão de Tweet X (Twitter) e personalizar sua aparência, certifique-se de salvar seu trabalho.


Você adicionou com sucesso um bloco de Botão de Tweet do X (Twitter) à sua página! Pré-compor o texto do tweet, hashtags e atribuição remove atrito para os visitantes e torna muito mais provável que eles compartilhem seu conteúdo. Combine este bloco com seu conteúdo mais compartilhável para obter os melhores resultados.

Artigos Relacionados