Un botón de tweet en WordPress permite a los visitantes compartir tu contenido en X con un solo clic. Puedes añadir uno usando un plugin gratuito como Better Click to Tweet, el constructor de arrastrar y soltar de SeedProd, o código de inserción de la herramienta de Publicación de X. El método más fácil para la mayoría de los bloggers es el plugin gratuito, y lleva menos de 5 minutos sin necesidad de código.
He usado botones de tweet en todos los blogs que he creado, desde mi blog de crianza hasta sitios de clientes, y la diferencia en las tasas de compartición es notable cuando están bien posicionados.
En esta guía te mostraré tres formas de añadir un botón de tweet en WordPress, empezando por la opción gratuita más rápida.
¿Por qué añadir un botón de Tweet a WordPress?
X (anteriormente Twitter) tiene alrededor de 200 millones de usuarios activos diarios en todo el mundo. Es una audiencia enorme y lista para usar a la que puedes acceder con un solo clic desde tu sitio.
Un botón de tweet hace que sea rápido y obvio para los lectores compartir tus publicaciones, ayudándote a llegar a nuevos visitantes, aumentar seguidores y mejorar la visibilidad de tu marca.
Cómo añadir un botón de Tweet en WordPress
Tres métodos funcionan para la mayoría de los sitios de WordPress. Un plugin gratuito dedicado es el más rápido. El constructor de arrastrar y soltar de SeedProd te da el mayor control de diseño. Y la herramienta de Publicación de X funciona si prefieres no instalar ningún plugin.
Aquí tienes una comparación rápida para que puedas elegir el enfoque correcto antes de leer los pasos completos.
| M extasciitildeetodo | Coste | Tiempo de configuración | Mejor para | Personalización | Funciona sin constructor de páginas |
|---|---|---|---|---|---|
| Mejor Tweet para hacer clic | Gratis | Menos de 5 minutos | Bloggers que quieren cajas de citas clicables | Básico | Sí |
| SeedProd | De pago | 15-30 minutos | Control total del diseño, diseños de página personalizados | Alto | No (requiere SeedProd) |
| Herramienta de Publicación de X | Gratis | Menos de 5 minutos | Widget de barra lateral, no se necesita plugin | Bajo | Sí |
Método 1: Better Click to Tweet (Plugin gratuito)
Better Click to Tweet es un plugin de WordPress gratuito que añade una caja de cita destacada y clicable a tus publicaciones. Los lectores ven una cita resaltada con una indicación de "Haz clic para tuitear" y con un solo clic la comparten en X. Es la opción gratuita más recomendada para bloggers, y la configuración lleva menos de 5 minutos.
He revisado docenas de plugins de compartición social a lo largo de los años, y Better Click to Tweet destaca constantemente porque hace una cosa bien.
Aquí te explicamos cómo empezar:
- Ve a Plugins » Añadir nuevo en tu panel de WordPress y busca "Better Click to Tweet".
- Instala y activa el plugin.
- Abre cualquier publicación o página en el editor de WordPress.
- Añade un bloque de Mejor clic para tuitear y escribe la cita que quieres que los visitantes compartan.
- Publica o actualiza tu entrada. El cuadro de cita aparece con un botón "Clic para tuitear" debajo.
Puedes añadir tu identificador de X, una URL y hashtags en la configuración del bloque para que cada tuit los incluya automáticamente.
Método 2: Añadir un botón de tuit con SeedProd
Si quieres un botón de tuit integrado en el diseño de una página personalizada, SeedProd es la herramienta adecuada. Es un constructor completo de sitios web para WordPress con un editor de arrastrar y soltar, lo que significa que puedes colocar un botón de tuit en cualquier lugar de cualquier plantilla sin tocar código.
También incluye bloques para la generación de leads y la compartición en redes sociales, incluido un bloque dedicado de botón de tuit de Twitter. Yo uso SeedProd para crear y gestionar este sitio, así que conozco bien estos bloques.
Sigue los pasos a continuación para añadir un botón de tuit con SeedProd.
Paso 1. Instala el plugin SeedProd
Primero, haz clic aquí para empezar con SeedProd y descarga el plugin en tu ordenador. Luego, puedes subir el archivo .zip del plugin a tu sitio web de WordPress.
Si nunca has instalado un plugin antes, puedes seguir esta guía sobre cómo instalar y activar un plugin de WordPress.
Una vez que SeedProd esté activo en tu sitio web, ve a la página SeedProd » Ajustes desde tu panel de WordPress e introduce tu clave de licencia.
Después de pegar tu clave de licencia, haz clic en el botón Verificar clave.
Paso 2. Crear una página de destino o un tema de WordPress
Hay 2 maneras de añadir un botón de tuit a tu sitio web con SeedProd.
Puedes reemplazar tu tema actual de WordPress con un tema personalizado diseñado con los kits de sitios web de SeedProd. O puedes crear una página de destino con tu tema de WordPress existente.
Para este tutorial, añadiré un botón de tuit a las entradas del blog personalizando la plantilla de entrada única con el constructor de temas de SeedProd. Consulta esta guía para ver todos los pasos sobre cómo crear un tema personalizado de WordPress con SeedProd.
Si prefieres añadir un botón de tuit a tu página de destino, puedes seguir esta guía sobre cómo crear una página de destino en WordPress.
Ambos tutoriales te mostrarán cómo elegir una plantilla y preparar tu tema o página de destino para personalizar. Cuando estés listo para añadir tu botón de tuit, salta al paso 3 de esta guía.
Paso 3. Añadir un botón de tuit a WordPress
Después de crear un tema o una página de destino con SeedProd, puedes personalizarlo fácilmente con el constructor de arrastrar y soltar. Como se mencionó anteriormente, vamos a añadir un botón de tuit a nuestra página de entrada de WordPress. De esta manera, los usuarios podrán tuitear sobre tu entrada de blog después de leerla y compartirla con su audiencia en las redes sociales.
Para ello, ve a la página SeedProd » Constructor de temas desde tu administrador de WordPress. Esto mostrará las partes individuales de tu tema, como tu:
- Encabezado
- Pie de página
- Barra lateral
- Página de inicio
- Página del blog
- Entrada única
- Página única
Cada parte del tema es muy fácil de editar y personalizar en el editor visual de SeedProd. Simplemente pasa el ratón sobre una y haz clic en el enlace Editar diseño.
Dado que agregaremos un botón de tweet a las publicaciones del blog, editaremos la plantilla Single Post. Después de hacer clic en el enlace Editar diseño, su plantilla se abrirá en el editor visual de arrastrar y soltar de SeedProd.
Verá los diferentes bloques de contenido y secciones a la izquierda y una vista previa en vivo de su página a la derecha.
Hacer clic en cualquier elemento de su vista previa en vivo abre su configuración en el panel izquierdo. Esto le permite cambiar el contenido y personalizar el estilo y la apariencia de ese elemento.
Hay 2 formas de agregar un botón de Tweet usando SeedProd:
- Bloque de compartir en redes sociales
- Bloque de botón de Tweet de Twitter
Demostraremos ambas opciones para que pueda decidir cuál es la mejor para su sitio web, pero primero, agreguemos una nueva columna para albergar nuestro botón de Twitter.
Para hacer eso, arrastre el bloque de columna desde el panel izquierdo y suéltelo en su vista previa. Luego puede elegir un diseño de columna para su contenido.
En este ejemplo, tenemos un diseño de 2 columnas con un lado más ancho que el otro.
A continuación, arrastre el bloque de encabezado y agréguelo a la primera columna. En el panel de configuración, puede cambiar el encabezado para que diga algo como "Comparte esto".
Ahora está listo para agregar sus botones de tweet.
Bloque de compartir en redes sociales de SeedProd
Primero, usaremos el bloque Social Sharing de SeedProd para agregar botones para compartir en múltiples redes sociales, incluido Twitter. Encuentre el bloque en el panel de bloques Advanced y arrástrelo a la segunda columna de su diseño.
SeedProd lo prellenará con un botón de tweet y un botón para compartir en Facebook. Hacer clic en el bloque le permite agregar más opciones para compartir en redes sociales para Pinterest y LinkedIn y configuraciones para cambiar el tamaño y la alineación del botón.
En la pestaña de configuración avanzada, puede personalizar los estilos y el espaciado del botón y mostrarlo u ocultarlo en dispositivos móviles y de escritorio.
Bloque de botón de Tweet de Twitter
Para agregar un solo botón de Tweet, simplemente encuentre el bloque Twitter Tweet Button en el panel de bloques avanzados, luego arrástrelo y suéltelo en su página.
En el panel de configuración del botón de tweet, puede personalizar varias configuraciones. Por ejemplo, puede agregar la URL que desea que los visitantes compartan, el contenido del tweet y los hashtags.
Puede agregar menciones @ vía y cuentas de Twitter relacionadas y cambiar el tamaño, la alineación y el idioma del botón.
Experimente con los bloques de compartir en redes sociales y de botones de tweet de SeedProd hasta que encuentre una combinación que se adapte a su sitio web. Cuando esté satisfecho con cómo se ve todo, haga clic en el botón Save en la esquina superior derecha.
Paso 4. Publica tu botón de Tweet en WordPress
El siguiente paso es hacer que su botón de tweet esté activo en su sitio de WordPress. Para hacerlo, vaya a la página SeedProd » Theme Builder y active el Enable SeedProd Theme toggle a la posición "On".
¡Buen trabajo! Ahora puede previsualizar su sitio web para ver cómo se ve su botón de Tweet.
Aquí hay un ejemplo del botón de tweet:
Y aquí hay un ejemplo de los botones para compartir:
Método 3: Añadir un botón de Tweet a WordPress manualmente
Si prefieres no instalar ningún plugin, la herramienta Publicar de X te permite generar un código de inserción de botón en segundos. La contrapartida es una personalización limitada y sin seguimiento de clics a través de WordPress.
Para empezar, ve a publish.twitter.com y elige el tipo de inserción Botones de Twitter.
A continuación, aparecerá una ventana pidiéndote que elijas un tipo de botón:
- Botón Compartir: comparte un enlace en Twitter.
- Botón Seguir: permite a los usuarios seguir tu perfil de Twitter.
- Botón Mencionar: inicia una conversación directamente desde tu sitio web.
- Botón Hashtag: tuitea sobre un tema usando hashtags.
- Botón Mensaje: permite a los visitantes enviarte un mensaje privado en Twitter.
Elijamos el Botón Compartir para esta guía. Después de hacer clic en tu tipo de botón, verás una página similar a la siguiente:
Haz clic en el botón para copiar el código de inserción, y luego vuelve a tu sitio de WordPress.
Añadiremos este botón de tuit a la barra lateral de nuestro WordPress, así que navega a Apariencia » Widgets desde tu panel de WordPress. Luego, busca el bloque HTML personalizado y añádelo a tu área de barra lateral principal.
Dentro del bloque, pega el código de inserción del botón de tuit que copiaste anteriormente y haz clic en el botón Actualizar.
Ahora, cuando visites tu sitio de WordPress, verás tu botón de tuit en la barra lateral de tu blog.
Si quieres mostrar un feed de X en vivo y dar a los visitantes una forma de compartir tu contenido, el plugin Custom Twitter Feeds de Smash Balloon se encarga de ambos. Cada feed incluye botones de tuit integrados, por lo que vale la pena considerarlo si necesitas un feed y botones para compartir en un solo lugar.
Preguntas frecuentes sobre cómo añadir un botón de Tweet en WordPress
¿Cómo añado un icono de Twitter a WordPress?
La forma más fácil es usar un plugin de compartir en redes sociales. Better Click to Tweet añade un botón para compartir automáticamente. El bloque Social Sharing de SeedProd te permite añadir X junto con otras redes con un editor de arrastrar y soltar. También puedes usar la herramienta Publicar de X en publish.twitter.com para generar un código de inserción de icono y pegarlo en un bloque HTML personalizado.
¿Cómo inserto un tuit en WordPress?
Para insertar un tuit existente, pega la URL del tuit en cualquier bloque de párrafo de WordPress y pulsa Intro. WordPress lo renderizará automáticamente. Para crear una caja de cita "Click to Tweet" (Haz clic para tuitear) interactiva, usa el plugin Better Click to Tweet y añade tu propio texto de cita.
¿Qué pasó con el plugin Click to Tweet?
El plugin original Click to Tweet de CoSchedule fue descontinuado. Better Click to Tweet es el reemplazo gratuito más recomendado. Funciona de la misma manera: añades un bloque de cita destacada en tu publicación, y los lectores ven una indicación de "Click to Tweet" que pre-rellena el tuit con tu texto y URL.
¿Dónde debería colocar un botón de tuit para obtener mejores resultados?
El final de la publicación funciona bien para los botones para compartir, ya que los lectores que terminan tu contenido son los más propensos a compartirlo. Para las cajas de cita "click-to-tweet", colócalas a mitad del artículo, justo después de una estadística o una idea que valga la pena compartir. Las ubicaciones en la barra lateral funcionan para los botones de seguir, pero tienden a tener una menor interacción para los botones para compartir.
¿Puedo pre-rellenar hashtags o @menciones en el botón de tweet?
Sí. Tanto SeedProd como la herramienta Publicar de X te permiten establecer texto personalizado, hashtags y @menciones dentro de la configuración del botón. Con Better Click to Tweet, puedes añadir un manejador "via" en la configuración del plugin para que cada tweet compartido incluya automáticamente tu nombre de usuario de X.
Eso es todo. Ahora tienes tres formas de añadir un botón de tweet a WordPress: un plugin gratuito para cuadros rápidos de "click to tweet", SeedProd para un control total del diseño y el código de inserción de X si quieres evitar los plugins por completo.
También te puede interesar esta guía sobre cómo hacer que tu blog parezca un sitio web.
¿Listo para añadir botones de tweet a tu sitio web?
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
