Generador de botones para compartir

Genera URLs de compartir y HTML copiable para X, Facebook, LINE y otros servicios en el navegador.

ENTRADA

URL para compartirTexto para compartirHashtagsX via

SERVICIOS

XAdmite texto, URL, hashtags y viaFacebookComparte URL. La vista previa depende de OGPLINEEnvía la URL y el texto por LINELinkedInCompartir URL para contexto profesionalEmailEnlace mailto con asunto y cuerpo

Facebook lee OGP desde la URL compartida. La URL de compartir no sirve para forzar de forma fiable texto o imagen personalizados.

LINE puede abrirse en la app o en el navegador según el dispositivo. Conviene probar en dispositivos reales.

VISTA_PREVIAGenerado

GeneradoLa vista previa refleja los campos y servicios seleccionados.

URLS_DE_COMPARTIR

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

La salida incluye HTML y CSS mínimo. Ajusta clases y colores para que coincidan con el diseño del sitio.

<div class="share-buttons" aria-label="VISTA_PREVIA">
  <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 HERRAMIENTA

Genera URLs de compartir y HTML copiable para X, Facebook, LINE y otros servicios en el navegador.

Esta herramienta se ejecuta en tu navegador. Los archivos y el contenido introducido no se suben al servidor para procesarse.

CASOS DE USO

Crear URLs de botones para compartir en artículos o landing pages
Comparar cómo comparten X, Facebook, LINE y otros servicios
Preparar HTML y CSS copiables para implementación

PREGUNTAS FRECUENTES

¿Qué puede hacer esta herramienta?: Genera URLs de compartir y HTML copiable para X, Facebook, LINE y otros servicios en el navegador.
¿Cómo se maneja lo que introduzco?: El procesamiento ocurre en tu navegador. Los archivos y el contenido introducido no se envían al servidor para procesarse.
¿Puedo definir texto o imagen de Facebook desde el botón?: La vista previa de Facebook suele depender del OGP de la URL compartida. No conviene asumir que la URL del botón puede forzar texto o imagen personalizados de forma fiable.

Generador de botones para compartir

Artículos relacionados

Qué son los meta tags Open Graph