Gerador de botões de compartilhamento

Gere URLs de compartilhamento e HTML copiável para X, Facebook, LINE e outros serviços no navegador.

ENTRADA

URL para compartilharTexto de compartilhamentoHashtagsX via

SERVIÇOS

XSuporta texto, URL, hashtags e viaFacebookCompartilha URL. A prévia depende do OGPLINEEnvia URL e texto pelo LINELinkedInCompartilhamento de URL profissionalEmailLink mailto com assunto e corpo

O Facebook lê OGP da URL compartilhada. A URL de compartilhamento não é uma forma confiável de forçar texto ou imagem personalizados.

O LINE pode abrir no app ou no navegador dependendo do dispositivo. Teste em dispositivos reais quando possível.

PRÉVIAGerado

GeradoA prévia reflete os campos atuais e os serviços selecionados.

URLS_DE_COMPARTILHAMENTO

Xhttps://twitter.com/intent/tweet?text=TOOLPOOL&url=https%3A%2F%2Ftoolpool.tools%2F

Facebookhttps://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftoolpool.tools%2F

LINEhttps://social-plugins.line.me/lineit/share?url=https%3A%2F%2Ftoolpool.tools%2F&text=TOOLPOOL

CÓDIGO_HTML

A saída inclui HTML e CSS mínimo. Ajuste classes e cores para combinar com o design do site.

<div class="share-buttons" aria-label="PRÉVIA">
  <a class="share-button share-button--x" href="https://twitter.com/intent/tweet?text=TOOLPOOL&amp;url=https%3A%2F%2Ftoolpool.tools%2F" target="_blank" rel="noopener noreferrer">X</a>
  <a class="share-button share-button--facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftoolpool.tools%2F" target="_blank" rel="noopener noreferrer">Facebook</a>
  <a class="share-button share-button--line" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Ftoolpool.tools%2F&amp;text=TOOLPOOL" target="_blank" rel="noopener noreferrer">LINE</a>
</div>

<style>
.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.share-button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font: 700 14px/1 system-ui, sans-serif;
  padding: 0 16px;
  text-decoration: none;
}

.share-button--x { background: #111; }
.share-button--facebook { background: #1877f2; }
.share-button--line { background: #06c755; }
.share-button--linkedin { background: #0a66c2; }
.share-button--email { background: #555; }
</style>

SOBRE ESTA FERRAMENTA

Gere URLs de compartilhamento e HTML copiável para X, Facebook, LINE e outros serviços no navegador.

Esta ferramenta roda no seu navegador. Arquivos e conteúdo digitado não são enviados ao servidor para processamento.

CASOS DE USO

Criar URLs de botões de compartilhamento para artigos ou landing pages
Comparar como X, Facebook, LINE e outros serviços tratam o compartilhamento
Preparar HTML e CSS copiáveis para implementação

PERGUNTAS FREQUENTES

O que esta ferramenta faz?: Gere URLs de compartilhamento e HTML copiável para X, Facebook, LINE e outros serviços no navegador.
Como a entrada é tratada?: O processamento acontece no seu navegador. Arquivos e conteúdo digitado não são enviados ao servidor para processamento.
Posso definir texto ou imagem do Facebook pelo botão?: A prévia do Facebook normalmente depende do OGP da URL compartilhada. Não é seguro assumir que a URL do botão consiga forçar texto ou imagem personalizados de forma confiável.

Gerador de botões de compartilhamento

Artigos relacionados

O que são meta tags Open Graph