Un botón de Twitter en WordPress permite a los visitantes compartir tu contenido en X con un solo clic. Puedes añadir uno utilizando un plugin gratuito como Better Click to Tweet, el constructor de arrastrar y soltar de SeedProd o el código incrustado de la herramienta Publish de X. El método más sencillo para la mayoría de los blogueros es el plugin gratuito, que se instala en menos de 5 minutos y no requiere código.
He utilizado botones para tuitear en todos los blogs que he creado, desde mi blog sobre crianza hasta los sitios web de mis clientes, y la diferencia en las tasas de compartición es notable cuando se colocan en el lugar adecuado.
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 Tweet a WordPress?
X (antes Twitter) tiene unos 200 millones de usuarios activos diarios en todo el mundo. Es una audiencia enorme que puedes aprovechar con un clic desde tu sitio web.
Un botón de tuit hace que sea rápido y obvio para los lectores compartir tus publicaciones, lo que te ayuda a llegar a nuevos visitantes, aumentar el número de seguidores e impulsar la visibilidad de la marca.
Cómo añadir un botón Tweet en WordPress
Hay tres métodos que funcionan para la mayoría de los sitios de WordPress. Un plugin dedicado gratuito es el más rápido. El constructor de arrastrar y soltar de SeedProd te ofrece el mayor control sobre el diseño. Y la herramienta Publish de X funciona si prefieres no instalar ningún plugin.
Aquí tienes una comparación rápida para que puedas elegir el enfoque adecuado antes de leer los pasos completos.
| Método | Coste | Tiempo de preparación | Lo mejor para | Personalización | Funciona sin Page Builder |
|---|---|---|---|---|---|
| Mejor hacer clic para tuitear | Gratis | Menos de 5 minutos | Blogueros que desean cuadros de citas en los que se pueda hacer clic | Básico | Sí |
| SeedProd | Pagado | 15-30 minutos | Control total del diseño, diseños de página personalizados | Alta | No (requiere SeedProd) |
| Herramienta de publicación X | Gratis | Menos de 5 minutos | Widget de barra lateral, sin necesidad de plugin | Bajo | Sí |
Método 1: Better Click to Tweet (complemento gratuito)
Better Click to Tweet es un plugin gratuito de WordPress que añade un cuadro de citas destacadas en el que se puede hacer clic a tus publicaciones. Los lectores ven una cita resaltada con el mensaje «Haga clic para twittear» y con un solo clic la comparten en X. Es la opción gratuita más recomendada para blogueros y se configura en menos de 5 minutos.
He revisado docenas de plugins para compartir en redes sociales a lo largo de los años, y Better Click to Tweet siempre destaca porque hace una cosa muy bien.
A continuación te explicamos cómo empezar:
- Ve a Plugins » Añadir nuevo en tu panel de control de WordPress y busca «Better Click to Tweet».
- Instala y activa el plugin.
- Abre cualquier entrada o página en el editor de WordPress.
- Añade un bloque «Mejor clic para tuitear» y escribe la cita que deseas que compartan los visitantes.
- Publica o actualiza tu publicación. Aparecerá el cuadro de citas con un botón «Hacer clic para tuitear» debajo.
Puedes añadir tu nombre de usuario X, una URL y hashtags dentro de la configuración del bloque para que cada tweet los incluya automáticamente.
Método 2: Añadir un botón de Tweet con SeedProd
Si quieres un botón de tweet integrado en el diseño de una página personalizada, SeedProd es la herramienta adecuada. Se trata de un completo creador de sitios web para WordPress con un editor de arrastrar y soltar, lo que significa que puedes colocar un botón de tweet en cualquier lugar de cualquier plantilla sin tocar el código.
También incluye bloques para la generación de clientes potenciales y el intercambio en redes sociales, incluido un bloque dedicado al botón Tweet de Twitter. Utilizo SeedProd para crear y gestionar este sitio, por lo que conozco bien estos bloques.
Sigue los pasos que se indican a continuación para añadir un botón de tweet con SeedProd.
Paso 1. Instalar SeedProd Instale el plugin SeedProd
En primer lugar, haga clic aquí para empezar con SeedProd y descargar el plugin en su ordenador. A continuación, puede cargar el archivo .zip del plugin en su sitio web WordPress.
Si nunca has instalado un plugin, puedes seguir esta guía sobre cómo instalar y activar un plugin de WordPress.
Una vez que SeedProd esté activo en su sitio web, vaya a la página SeedProd " Configuración desde su panel de WordPress e introduzca su clave de licencia.
Después de pegar su clave de licencia, haga clic en el botón Verificar clave.
Paso 2. Crear una página de destino o tema de WordPress
Hay 2 maneras de añadir un botón Tweet a su sitio web con SeedProd.
Puedes reemplazar tu tema actual de WordPress por un tema personalizado diseñado con los kits para sitios web de SeedProd. O puedes crear una página de aterrizaje con tu tema de WordPress actual.
Para este tutorial, voy a añadir un botón de tweet a las entradas del blog mediante la personalización de la plantilla de una sola entrada con el constructor de temas de SeedProd. Echa un vistazo a esta guía para todos los pasos en la creación de 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 para crear una página de destino en WordPress.
Ambos tutoriales te mostrarán cómo elegir una plantilla y tener tu tema o página de destino lista 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 Tweet a WordPress Añadir un botón Tweet a WordPress
Después de crear un tema o 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 tweet a nuestra página de post de WordPress. De esta forma, los usuarios podrán twittear sobre tu entrada de blog después de leerla y compartirla con su audiencia en las redes sociales.
Para ello, vaya a la página SeedProd " Theme Builder desde el administrador de WordPress. Esto mostrará las partes individuales de su tema, como su:
- Cabecera
- Pie de página
- Barra lateral
- Página de inicio
- Página del blog
- Puesto único
- Una página
Cada parte del tema es muy fácil de editar y personalizar en el editor visual de SeedProd. Simplemente pase el ratón sobre uno y haga clic en el enlace Editar diseño.
Dado que estamos añadiendo un botón de tweet a las entradas del blog, vamos a editar la plantilla Single Post. Después de hacer clic en el enlace Editar diseño, la plantilla se abrirá en el editor visual de arrastrar y soltar de SeedProd.
Verás los distintos bloques de contenido y secciones a la izquierda y una vista previa en vivo de tu página a la derecha.
Al hacer clic en cualquier elemento de la vista previa en vivo, se abre su configuración en el panel de la izquierda. Esto le permite cambiar el contenido y personalizar el estilo y la apariencia de ese elemento.
Hay 2 maneras de añadir un botón Tweet utilizando SeedProd:
- Bloque de compartición social
- Bloque de botones Tweet de Twitter
Le mostraremos ambas opciones para que pueda decidir cuál es la mejor para su sitio web, pero primero, vamos a añadir una nueva columna para alojar nuestro botón de Twitter.
Para ello, arrastre el bloque de columnas del panel izquierdo y suéltelo en la vista previa. A continuación, 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, arrastra el bloque de encabezado y añádelo a la primera columna. En el panel de configuración, puedes cambiar el encabezado para que diga algo como "Comparte esto".
Ahora estás listo para añadir tus botones de tweet.
Bloque de intercambio social SeedProd
En primer lugar, utilizaremos el bloque Compartir en redes sociales de SeedProd para añadir botones de compartir para múltiples redes sociales, incluyendo Twitter. Busca el bloque en el panel Bloques avanzados y colócalo en la segunda columna de tu diseño.
SeedProd lo rellenará previamente con un botón para twittear y otro para compartir en Facebook. Si hace clic en el bloque, podrá añadir más opciones para compartir en redes sociales como Pinterest y LinkedIn, así como cambiar el tamaño y la alineación del botón.
En la pestaña Configuración avanzada, puedes personalizar los estilos y el espaciado de los botones y mostrarlos u ocultarlos en dispositivos móviles y de sobremesa.
Bloque del botón Tweet de Twitter
Para añadir un único botón de Tweet, sólo tienes que buscar el bloque Botón de Tweet de Twitter en el panel Bloques avanzados y, a continuación, arrastrarlo y soltarlo en tu página.
En el panel de configuración del botón de tuit, puedes personalizar varios ajustes. Por ejemplo, puedes añadir la URL que quieres que compartan los visitantes, el contenido del tuit y los hashtags.
Puede añadir @ a través de menciones y cuentas de Twitter relacionadas y cambiar el tamaño, la alineación y el idioma del botón.
Experimenta con los bloques de botones para compartir en redes sociales y tweets de SeedProd hasta que encuentres una combinación que se adapte a tu sitio web. Cuando estés satisfecho con el aspecto, haz clic en el botón Guardar de la esquina superior derecha.
Paso 4. Publique su botón Tweet en WordPress
El siguiente paso es hacer que su botón de tweet en vivo en su sitio de WordPress. Para ello, vaya a la página SeedProd " Theme Builder y active la casilla Enable SeedProd Theme.
¡Buen trabajo! Ahora puede previsualizar su sitio web para ver cómo se ve su botón Tweet.
Aquí tienes un ejemplo del botón de tuit:
Y aquí tienes 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 Publish de X te permite generar un código de inserción de botón en cuestión de segundos. La contrapartida es una personalización limitada y la imposibilidad de realizar un seguimiento de los 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 que le pedirá que elija 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 de mención: inicie una conversación directamente desde su sitio web.
- Botón Hashtag: tuitea sobre un tema utilizando hashtags.
- Botón de mensajes: permite a los visitantes enviarte mensajes privados en Twitter.
Elijamos el botón Compartir para esta guía. Después de hacer clic en el tipo de botón, verás una página similar a la siguiente:
Haga clic en el botón para copiar el código de inserción y vuelva a su sitio de WordPress.
Añadiremos este botón de tweet a nuestra barra lateral de WordPress, así que ve a Apariencia " Widgets desde tu panel de WordPress. A continuación, busque el bloque HTML personalizado y añadirlo a su área de la barra lateral primaria.
Dentro del bloque, pega el código de incrustación del botón de tuit que has copiado antes y haz clic en el botón Actualizar.
Ahora, cuando visites tu sitio WordPress, verás el botón de tu tweet en la barra lateral de tu blog.
Si quieres mostrar un feed de X en directo y ofrecer a los visitantes una forma de compartir tu contenido, el plugin Custom Twitter Feeds de Smash Balloon te permite hacer ambas cosas. Cada feed incluye botones de tweet integrados, por lo que vale la pena considerarlo si necesitas un feed y botones para compartir en un solo lugar.
Preguntas frecuentes sobre la adición de un botón Tweet en WordPress
¿Cómo añado un icono de Twitter a WordPress?
La forma más fácil es utilizar un complemento para 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 utilizar la herramienta Publish 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 puedo insertar un tweet en WordPress?
Para insertar un tweet existente, pega la URL del tweet en cualquier bloque de párrafo de WordPress y pulsa Intro. WordPress lo mostrará automáticamente. Para crear un cuadro de cita en el que se pueda hacer clic «Hacer clic para tuitear», utiliza el plugin Better Click to Tweet y añade tu propio texto de cita.
¿Qué ha pasado con el plugin «Click to Tweet»?
El complemento original CoSchedule Click to Tweet ha dejado de estar disponible. Better Click to Tweet es el sustituto gratuito más recomendado. Funciona de la misma manera: añades un bloque de cita destacada en tu publicación y los lectores ven un mensaje «Click to Tweet» que rellena automáticamente el tuit con tu texto y tu URL.
¿Dónde debo colocar el botón de Twitter para obtener los mejores resultados?
El final de la publicación funciona bien para los botones para compartir, ya que los lectores que terminan de leer tu contenido son los más propensos a compartirlo. En cuanto a los recuadros de citas para compartir en Twitter, colócalos en la mitad del artículo, justo después de una estadística o información que valga la pena compartir. Las ubicaciones en la barra lateral funcionan bien para los botones para seguir, pero tienden a generar menos interacción en el caso de los botones para compartir.
¿Puedo rellenar previamente hashtags o @menciones en el botón de tweet?
Sí. Tanto SeedProd como la herramienta Publish de X te permiten configurar texto personalizado, hashtags y @menciones dentro de los ajustes del botón. Con Better Click to Tweet, puedes añadir un identificador «via» en los ajustes 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 crear cuadros de clic para tweetear rápidamente, SeedProd para controlar totalmente el diseño y el código de inserción de X si quieres prescindir por completo de los plugins.
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 tuit a tu sitio web?
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.
