Cómo añadir el botón Compartir y Retweet de Twitter en WordPress

¿Quieres añadir botones para compartir y retwittear en Twitter a tu sitio de WordPress?

Añadir botones sociales a tus entradas y páginas es una forma estupenda de animar a los lectores a compartir y retuitear tus contenidos. Así conseguirás más seguidores, participación y visitas.

En este artículo, le mostraremos cómo añadir botones de compartir y retwittear de Twitter en WordPress.

¿Por qué añadir botones para compartir y retuitear en Twitter en WordPress?

Según nuestra investigación de estadísticas de marketing, Twitter tiene más de 217 millones de usuarios activos mensuales. Esto lo convierte en un lugar ideal para promocionar tu sitio web.

Sin embargo, compartir tus contenidos en los medios sociales solo llega a los usuarios que ya siguen tu cuenta. Si quieres llegar a un público nuevo, tienes que conseguir que compartan y retuiteen tus contenidos.

Esto puede aumentar el tráfico de su blog al presentar su marca a personas que tal vez no conozcan su sitio web. Volver a publicar su contenido es también una potente forma de prueba social. Cuando alguien comparte una entrada o un tuit con sus seguidores, suele verse como un respaldo.

Dicho esto, vamos a ver lo fácil que es añadir botones de compartir y retwittear de Twitter en WordPress. Simplemente usa los enlaces rápidos de abajo para saltar directamente al método que quieras usar:

Método 1: Utilizar recuentos compartidos (rápido y sencillo)

La forma más sencilla de añadir un botón para compartir en Twitter a WordPress es utilizando el plugin Shared Counts. Shared Counts es uno de los mejores plugins de medios sociales para WordPress que te permite añadir todo tipo de botones de compartir a tu sitio.

A diferencia de otros plugins para compartir en redes sociales, Shared Counts utiliza un método único de almacenamiento en caché, por lo que no tendrá un gran impacto en la velocidad y el rendimiento de su sitio web.

En primer lugar, tendrá que instalar y activar el plugin. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, vaya a Ajustes ” Recuentos compartidos para establecer los ajustes del plugin.

Para empezar, desplácese hasta “Compartir botones para mostrar”.

Por defecto, Shared Counts añade botones para compartir en Facebook, Pinterest y Twitter.

Si quieres borrar el botón para compartir de Facebook o Pinterest, sólo tienes que hacer clic en su icono “x”.

También puedes añadir botones de compartir en redes sociales para otras plataformas escribiendo en el campo. Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo añadir botones para compartir en redes sociales en WordPress.

Una vez hecho esto, tendrá que elegir qué tipo de botón desea utilizar en su blog de WordPress. Hay 8 estilos para elegir, y puedes ver ejemplos de cada botón en la página del plugin Shared Counts.

Cuando lo hayas decidido, sólo tienes que abrir el desplegable “Estilo del botón Compartir” y seleccionar el estilo que deseas utilizar.

A continuación, debe elegir dónde mostrar el botón de Twitter en su tema de WordPress abriendo el menú desplegable “Ubicación del tema”.

Aquí puede elegir Antes del contenido, Después del contenido o Antes y después del contenido.

Si añades el botón en la parte superior de la página, lo verán más visitantes. Sin embargo, la mayoría de la gente querrá leer una entrada antes de compartirla. Dicho esto, puede elegir “Después del contenido” o “Antes y después del contenido”.

Por último, debe decidir si desea añadir el botón de Twitter a sus páginas o entradas.

Por defecto, Shared Counts solo añade el botón a tus entradas. Sin embargo, puede que quieras añadirlo también a tus páginas, especialmente si creas muchas páginas de destino o páginas de ofertas.

En ese caso, puede marcar / comprobar la casilla siguiente a “Página”.

Cuando estés satisfecho con cómo se ha establecido el botón para compartir en Twitter, haz clic en “Guardar cambios”.

Ahora, si visitas tu sitio web WordPress, verás el botón de compartir en acción.

Método 2: Usar Twitter Feed Pro (el mejor para conseguir Retweets)

Si desea añadir un simple botón de compartir a una página o entrada, entonces Shared Counts es una buena opción. Sin embargo, también puede animar a los visitantes a retuitear sus tuits recientes. De este modo, conseguirá una mayor participación y difundirá aún más su contenido.

La mejor manera de conseguir más retweets es mediante el uso de Smash Balloon Twitter Feed Pro. Este plugin de Twitter Feed te permite añadir todo tu feed de Twitter a cualquier página, entrada o área preparada para widgets.

Cada tuit tiene su propia fila de acciones de Twitter.

Esto significa que los visitantes pueden reenviar un tuit simplemente haciendo clic en el botón “retuitear”.

Y lo que es mejor, el feed se actualiza automáticamente, por lo que siempre hay nuevos tweets con los que los visitantes pueden participar. Esto puede ayudar a mantener su sitio fresco e interesante, incluso para los visitantes habituales.

Para más información acerca del plugin, marca / comprueba nuestra completa reseña de Smash Balloon.

Establecer Twitter Feed Pro

Primero, debes instalar y activar Twitter Feed Pro de Smash Balloon. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez instalado el plugin, dirígete a Twitter Feed ” Ajustes. Ahora puedes introducir tu clave de licencia de Smash Balloon en el campo ‘Clave de licencia’.

Puedes encontrar esta información en el correo electrónico de confirmación que recibiste cuando compraste Smash Balloon y en tu cuenta de Smash Balloon.

Después de añadir su clave de licencia, siga adelante y haga clic en el botón “Activar”.

Crear un feed de Twitter en directo para WordPress

Una vez hecho esto, ya está listo para crear un feed de Twitter personalizado. Para empezar, ve a Twitter Feed ” Todos los feeds y haz clic en el botón “Añadir nuevo”.

Si es la primera vez que añades un feed de Twitter con Smash Balloon, se te pedirá que verifiques tu dirección de correo electrónico.

Para ello, basta con hacer clic en el botón “Conectar” y seguir las instrucciones que aparecen en pantalla.

Una vez hecho esto, volverás a la página del plugin. Smash Balloon mostrará ahora todos los diferentes tipos de feeds de Twitter que puedes crear.

Como quieres más retweets, sólo tienes que seleccionar “Línea de tiempo del usuario” y hacer clic en “Siguiente”.

En la pantalla siguiente, tienes que escribir el símbolo @ seguido del nombre de tu cuenta de Twitter.

Cuando estés listo, haz clic en “Siguiente” para abrir el editor principal de Smash Balloon.

A continuación, puede elegir la plantilla que desea utilizar en su feed de Twitter.

Por ejemplo, puedes mostrar tus tweets en un carrusel / control deslizante adaptable seleccionando “Carrusel simple”. Si solo quieres promocionar tu tuit más reciente, puedes seleccionar la plantilla “Último tuit”.

Utilizaremos la plantilla ‘Por defecto’ en todas nuestras imágenes, pero puede elegir la plantilla que desee.

Después de tomar su decisión, haga clic en “Siguiente”.

Smash Balloon mostrará ahora una vista previa del feed de medios sociales, listo para que lo personalices.

Personaliza tu feed de Twitter en WordPress

¿No está satisfecho con el aspecto de la plantilla? Para cambiarla, seleccione “Plantilla” en el menú de la izquierda.

A continuación, puede hacer clic en el botón “Cambiar”.

Se abre una ventana emergente en la que puede elegir una nueva estructura / disposición / diseño / plantilla.

Basta con seleccionar una nueva plantilla y hacer clic en “Actualizar”.

Una vez hecho esto, deberá enlazar el enlace “Personalizar”.

Volverá a los ajustes principales de Smash Balloon.

La siguiente opción del menú de la izquierda es “Disposición del feed”, así que haga clic.

Aquí puede cambiar la altura del feed de Twitter y el número de tweets que el visitante ve inicialmente. También puede cambiar entre una estructura / disposición / diseño / plantilla de cuadrícula, mosaico o carrusel.

A medida que realice cambios, la vista previa se actualizará automáticamente, de modo que podrá probar distintos ajustes para ver qué le parece mejor.

Dependiendo de la estructura / disposición / diseño / plantilla que utilices, podrás cambiar el número de columnas que Smash Balloon muestra en ordenadores de sobremesa, tabletas y dispositivos móviles.

Los teléfonos inteligentes y las tabletas suelen tener pantallas más pequeñas y menos capacidad de procesamiento, por lo que es posible que desee mostrar menos columnas en los dispositivos móviles.

Para ello, basta con utilizar los menús desplegables de la sección “Columnas”.

Cuando esté satisfecho con cómo se ha establecido la disposición del feed, vuelva a hacer clic en el enlace “Personalizar” para regresar a la pantalla principal de ajustes.

Aquí puede hacer clic en “Combinación de colores”.

Por defecto, Smash Balloon utiliza los colores heredados de su tema de WordPress, pero puede cambiar a un esquema de color ‘Claro’ u ‘Oscuro’ en su lugar.

Otra opción es crear su propia combinación de colores seleccionando “Personalizado” y utilizando después los controles para cambiar el color de fondo, cambiar el color del texto en WordPress, etc.

Cuando esté satisfecho con los cambios, vuelva a enlazar con “Personalizar”. De nuevo en la pantalla principal de ajustes, deberá hacer clic en “Cabecera”.

Por defecto, Smash Balloon añade una cabecera “Estándar” al feed, que muestra un botón “Seguir” y tu biografía de Twitter, si está disponible.

Si quieres ocultar la biografía de Twitter, haz clic para desactivar el conmutador “Mostrar biografía”.

Otra opción es seleccionar “Texto”, que añade una cabecera “Estamos en Twitter” al feed.

Puedes sustituirlo por tu propio mensaje escribiéndolo en la casilla “Texto”.

Cuando estés satisfecho con el mensaje, puedes cambiar el tamaño y el color de la cabecera.

A continuación, vuelva a la pantalla principal de ajustes de Smash Balloon y seleccione “Tweets”. Aquí puedes elegir entre “Estilo de tuit” y “Editar elementos individuales”.

Si selecciona “Estilo Tweet”, podrá elegir entre una estructura / disposición / diseño / plantilla en recuadro o normal.

Si eliges “En recuadro”, puedes crear un fondo de color para cada tuit. También puedes aumentar el radio del borde para crear esquinas curvas o añadir una sombra.

Si eliges “Regular”, puedes cambiar el grosor y el color de la línea que separa tus distintas entradas en los medios sociales.

Cuando esté satisfecho con los cambios, simplemente haga clic en “Tweets”.

Vuelve a la pantalla anterior.

Esta vez, puede hacer clic en “Editar elementos individuales”.

Ahora verás todo el contenido que Twitter Feed Pro incluye en cada tweet, como el autor, el texto del tweet, el logotipo de Twitter y mucho más.

Para conseguir el mayor número posible de retweets, es una buena idea hacer que el icono de retweet destaque. Para ello, haz clic en la flecha que aparece a continuación de “Acciones de Tweet”.

Aquí, puedes agrandar las acciones del tuit utilizando el desplegable “Tamaño” y cambiar el color.

Ten en cuenta que Smash Balloon aplicará estos cambios a todas las acciones del tweet y no sólo al icono de “retweet”.

Cuando estés satisfecho con el aspecto de las acciones de tuit, sólo tienes que hacer clic en el texto “Elementos”.

Volverá a la pantalla anterior.

Simplemente repita este proceso para personalizar cualquiera de los otros elementos individuales.

También puede ocultar un elemento desmarcando su casilla.

Ocultar contenido innecesario es otro truco que puede ayudar a que la acción de retweet destaque.

Cuando estés satisfecho con el aspecto de los tuits, puedes volver a la pantalla principal de ajustes de Smash Balloon y seleccionar “Cargar más botón”.

Dado que es un botón tan importante, puede personalizarlo cambiando su color de fondo, el estado del cursor, la etiqueta, etc. para adaptarlo al diseño de su sitio.

También puedes sustituir el texto predeterminado “Cargar más” por tu propio mensaje escribiéndolo en el campo “Texto”.

Otra opción es activar el desplazamiento infinito para que los nuevos tweets aparezcan automáticamente cuando los visitantes lleguen al final del feed. Esto anima a los visitantes a explorar más de sus tweets y puede conseguir algunos retweets adicionales.

Para activar esta característica, basta con hacer clic en el carrusel / control deslizante “Desplazamiento infinito” para que pase de gris (desactivado) a azul (activado).

También puedes cambiar la ‘Distancia de activación’, que indica a Smash Balloon cuándo cargar nuevos tweets. Sin embargo, los ajustes por defecto deberían funcionar bien para la mayoría de los sitios web de WordPress.

A continuación, la última opción de la pantalla principal de ajustes de Smash Balloon es “Caja de luz”.

Por defecto, Twitter Feed Pro permite a los visitantes desplazarse por las imágenes y vídeos del feed en una caja de luz emergente.

De este modo, puede conseguir más retweets, ya que los visitantes pueden ver más de cerca las imágenes del feed y ver sus vídeos sin salir del sitio web.

Teniendo esto en cuenta, recomendamos dejar activada la caja de luz.

Sin embargo, si desea desactivar esta característica, sólo tiene que hacer clic en el conmutador azul “Activar” para que se vuelva gris.

Cuando estés satisfecho con el aspecto del feed de Twitter, no olvides hacer clic en “Guardar”. Una vez hecho esto, ya puedes incrustar el feed de Twitter y los botones de retweet en tu sitio web WordPress.

Añade tu feed de Twitter a WordPress

Puedes añadir el feed a tu sitio web utilizando un shortcode o el bloque Twitter Feed. Dado que es el método más sencillo, veamos primero cómo añadir el feed a cualquier página o entrada utilizando el bloque Smash Balloon.

Si has creado más de un feed, tendrás que buscar el código del feed que quieras incrustar.

Para obtener esta información, vaya a Twitter Feeds ” Todos los feeds y copie el código de la columna “Shortcode”. Tendrás que añadir este código a tu sitio, así que anótalo.

En la siguiente imagen, tendremos que utilizar [custom-twitter-feeds feed=2]

Después, sólo tienes que abrir la página o entrada en la que quieras incrustar el feed de Twitter. A continuación, haz clic en el icono ‘+’ para añadir un nuevo bloque y empieza a escribir ‘Twitter Feed’.

Cuando aparezca el bloque adecuado, haz clic para añadirlo a la entrada del blog.

Por defecto, el bloque mostrará uno de tus feeds de Twitter. Si desea utilizar un feed diferente, busque “Ajustes de shortcode” en el menú de la derecha.

Aquí, simplemente añade el shortcode y luego haz clic en “Aplicar cambios”.

El bloque mostrará ahora tu feed de Twitter y sólo tendrás que publicar o actualizar la entrada para que aparezca en tu sitio web.

Otra opción es añadir el feed a cualquier zona preparada para widgets, como la barra lateral o una sección similar. Esto permite a los visitantes retuitear tus últimas entradas desde cualquier página de tu sitio web.

Simplemente vaya a Apariencia ” Widgets en el escritorio de WordPress y luego haga clic en el botón azul ‘+’.

Una vez hecho esto, tienes que escribir “Twitter Feed” para encontrar el widget adecuado.

A continuación, arrástralo a la zona en la que quieras mostrar los botones de feed y retweet.

El widget mostrará uno de los feeds que hayas creado con Smash Balloon.

Para mostrar un feed de Twitter diferente, escriba el código del feed en el cuadro “Ajustes del shortcode” y haga clic en “Aplicar cambios”.

Ahora puede hacer clic en el botón “Actualizar” para activar el widget. Para obtener más información, consulte nuestra guía práctica sobre cómo añadir y utilizar widgets en WordPress.

Por último, puedes incrustar los botones de feed y retweet en cualquier página, entrada o zona preparada para widgets mediante un shortcode.

Sólo tienes que ir a Twitter Feed “ Todos los feeds y copiar el código en la columna ‘Shortcode’. Ya puedes añadir el shortcode a cualquier zona de tu sitio que esté preparada para widgets.

Para más información, consulte nuestra guía detallada sobre cómo añadir un shortcode en WordPress.

Más formas de utilizar Twitter en WordPress

¿Quieres aprovechar al máximo tu perfil de Twitter para promocionar tu sitio web en WordPress? ¿O quizás quieres añadir más contenido de Twitter a tu sitio? Marca / comprueba estas guías a continuación:

• Cómo tuitear automáticamente al publicar una nueva entrada en WordPress
• Guía para principiantes sobre cómo añadir Twitter Cards en WordPress
• Cómo mostrar tweets recientes en WordPress (paso a paso)
• Cómo añadir cuadros para hacer clic en Tweet en tus entradas de WordPress
• Cómo mostrar Twitter y Facebook del autor en la página de perfil
• Cómo corregir imágenes rotas de Twitter Card en WordPress

Esperamos que este artículo te haya ayudado a añadir botones para compartir y retwittear en Twitter en WordPress. También puede marcar / comprobar nuestra guía sobre cómo crear un boletín de correo electrónico o ver nuestras selecciones de expertos para el mejor software de notificaciones push web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.