Cómo agregar un botón Tweet a WordPress (3 formas)

¿Quieres agregar un botón de tweet a tu sitio de WordPress?

Los botones de clic para twittear facilitan que los visitantes del sitio web compartan su contenido en Twitter. De esa manera, puede llegar a su público objetivo con contenido diseñado para generar interés, clientes potenciales y clientes potenciales.

En este tutorial, le mostraremos cómo agregar un botón de tweet a su sitio web paso a paso.

¿Por qué agregar un botón Tweet a WordPress?

Con más de 217 millones de usuarios activos diarios monetizables , el marketing de Twitter es una de las formas más efectivas de atraer a su público objetivo a su sitio web. Sin embargo, cuando comparte su propio contenido en Twitter, solo puede llegar a un número limitado de usuarios.

Una forma efectiva de llegar a las personas que no te siguen en Twitter es agregar un botón de Tweet a tu sitio web.

Cuando los usuarios visiten su sitio web, un botón de tweet los alentará a compartir su contenido en sus líneas de tiempo personales de Twitter. Como resultado, sus seguidores verán su contenido y luego podrán darle me gusta, comentarlo y retwittearlo a sus seguidores.

Debido a que los botones para compartir de Twitter transmiten su contenido a una audiencia más amplia, también pueden ayudarlo a aumentar sus seguidores en Twitter. Además, la exposición puede ayudarlo a generar pruebas sociales y reconocimiento de marca, lo que genera más clientes potenciales y ventas.

Ahora que sabe por qué los botones de Twitter pueden beneficiar a su negocio, veamos cómo agregar uno a su sitio de WordPress.

Cómo agregar un botón de Tweet en WordPress

Hay varias formas de agregar un cuadro o botón de clic para twittear a su sitio web; sin embargo, algunos son mucho más fáciles que otros.

En esta publicación, le mostraremos cómo agregar un botón de clic para twittear fácilmente con un complemento de WordPress primero. Luego le mostraremos cómo agregar manualmente el código del botón Twitter Tweet.

Agregue un botón de Tweet de WordPress con SeedProd

Para el primer método, usaremos SeedProd, el mejor creador de sitios web de WordPress, para agregar un botón de Twitter a su sitio web. Viene con un editor visual de arrastrar y soltar, que le permite crear y personalizar cualquier área de su sitio de WordPress sin código.

Puedes usar SeedProd para crear:

• Temas personalizados de WordPress
• Landing pages de alta conversión
• Plantillas WooCommerce
• Próximamente y páginas de mantenimiento
• Páginas de inicio de sesión de WordPress
• Y más

Este complemento también incluye poderosos elementos de contenido y bloques que ayudan con la generación de clientes potenciales, el conocimiento de la marca y la experiencia del usuario. Por ejemplo, el bloque que usaremos en esta guía es el botón Twitter Tweet.

Siga los pasos a continuación para agregar un botón de tweet en WordPress con SeedProd.

Paso 1. Instale el complemento SeedProd

Primero, haga clic aquí para comenzar con SeedProd y descargue el complemento a su computadora. Luego puede cargar el archivo .zip del complemento en su sitio web de WordPress.

Si nunca antes ha instalado un complemento, puede seguir esta guía sobre cómo instalar y activar un complemento 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 ingrese su clave de licencia.

Puede encontrar su clave en el sitio web de SeedProd en la sección "Descargas" del panel de control de su cuenta.

Después de pegar su clave de licencia, haga clic en el botón Verificar clave .

Paso 2. Cree una página de destino o un tema de WordPress

Hay 2 formas de agregar un botón Tweet a su sitio web con SeedProd.

Puede reemplazar su tema actual de WordPress con un tema personalizado diseñado con los kits de sitios web de SeedProd. O puede crear una página de destino con su tema de WordPress existente.

Para este tutorial, agregaremos un botón de tweet a las publicaciones del blog personalizando la plantilla de publicación única con el generador de temas de SeedProd. Consulte esta guía para conocer todos los pasos para crear un tema de WordPress personalizado con SeedProd.

Si prefiere agregar un botón de tweet a su página de destino, puede seguir esta guía sobre cómo crear una página de destino en WordPress.

Ambos tutoriales le mostrarán cómo elegir una plantilla y preparar su tema o página de destino para personalizar. Cuando esté listo para agregar su botón de tweet, salte al paso 3 de esta guía.

Paso 3. Agregue un botón Tweet a WordPress

Después de crear un tema o página de destino con SeedProd, puede personalizarlo fácilmente con el generador de arrastrar y soltar. Como se mencionó anteriormente, vamos a agregar un botón de tweet a nuestra página de publicación de WordPress. De esa manera, los usuarios pueden twittear sobre la publicación de tu blog después de leerla y compartirla con su audiencia en las redes sociales.

Para hacer esto, vaya a la página SeedProd » Theme Builder desde su administrador de WordPress. Esto mostrará las partes individuales de su tema, como su:

• Encabezamiento
• Pie de página
• barra lateral
• Página principal
• página de blog
• Publicación única
• Única página

Cada parte del tema es muy fácil de editar y personalizar en el editor visual de SeedProd. Simplemente coloque el cursor sobre uno y haga clic en el enlace Editar diseño .

Dado que estamos agregando un botón de tweet a las publicaciones del blog, editaremos la plantilla de publicación única . 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 en el lado derecho.

Al hacer clic en cualquier elemento en su 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 formas de agregar un botón Tweet usando SeedProd:

1. Bloque para compartir en redes sociales
2. Bloqueo de botón de Twitter Tweet

Demostraremos ambas opciones para que pueda decidir cuál es 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 columnas desde el panel de la izquierda y suéltelo en su 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, arrastre el bloque del título y agréguelo a la primera columna. En el panel de configuración, puede cambiar el encabezado para decir algo como "Compartir esto".

Ahora está listo para agregar sus botones de tweet.

Bloque para compartir en redes sociales de SeedProd

Primero, usaremos el bloque Compartir en redes sociales de SeedProd para agregar botones para compartir en varias redes sociales, incluido Twitter. Busque el bloque en el panel Bloques avanzados y suéltelo en la segunda columna de su diseño.

SeedProd lo completará previamente 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 Configuración avanzada, puede personalizar los estilos y el espaciado de los botones y mostrarlos u ocultarlos en dispositivos móviles y de escritorio.

Bloque de botón de tuit de Twitter

Para agregar un solo botón de Tweet, simplemente busque el bloque Botón de Tweet de Twitter 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 compartan los visitantes, el contenido del tweet y los hashtags.

Puede agregar @ a través de menciones y cuentas de Twitter relacionadas y cambiar el tamaño, la alineación y el idioma del botón.

Experimente con los bloques de botones de tweet y compartir en redes sociales de SeedProd hasta que encuentre una combinación que se adapte a su sitio web. Cuando esté satisfecho con el aspecto de todo, haga clic en el botón Guardar en la esquina superior derecha.

Paso 4. Publica tu botón Tweet en WordPress

El siguiente paso es hacer que su botón de tweet esté activo en su sitio de WordPress. Para hacer eso, vaya a la página SeedProd » Theme Builder y gire el interruptor Habilitar tema de SeedProd a la posición "Encendido".

¡Buen trabajo! Ahora puede obtener una vista previa de su sitio web para ver cómo se ve su botón Tweet.

Aquí hay un ejemplo del botón de tweet:

Y aquí hay un ejemplo de los botones de compartir:

Agregar un botón Tweet a WordPress manualmente

Para el siguiente método, le mostraremos cómo agregar manualmente un botón de tweet a WordPress sin un complemento de WordPress. Puede hacerlo utilizando las herramientas de publicación de Twitter que le permiten incrustar un tweet, una línea de tiempo o un botón.

Este método no ofrece mucho control sobre el botón de tweet. Sin embargo, es una solución útil para los usuarios que no desean agregar más complementos a su sitio de WordPress.

Para comenzar, vaya al sitio web de la herramienta de publicación de Twitter y elija 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: inicia una conversación directamente desde tu sitio web.
• Botón de hashtag: twittea sobre un tema usando hashtags.
• Botón de mensaje: permite que los visitantes te envíen 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á una página similar a la siguiente:

Haga clic en el botón para copiar el código de inserción, luego regrese a su sitio de WordPress.

Agregaremos este botón de tweet a nuestra barra lateral de WordPress, así que vaya a Apariencia » Widgets desde su tablero de WordPress. Luego busque el bloque HTML personalizado y agréguelo a su área principal de la barra lateral.

Dentro del bloque, pegue el código de incrustación del botón de tweet que copió anteriormente y haga clic en el botón Actualizar .

Ahora, cuando visite su sitio de WordPress, verá su botón de tweet en la barra lateral de su blog.

Bonificación: muestra los feeds de Twitter y los botones de Tweet con Smash Balloon

¿Sabía que también puede agregar hermosos feeds de Twitter a su sitio de WordPress con el complemento Twitter Feeds de Smash Balloon?

El complemento Custom Twitter Feeds es el complemento de Twitter mejor calificado para WordPress. Puede usarlo para mostrar impresionantes feeds de Twitter en su sitio web con unos pocos clics.

Puede personalizar sus feeds de Twitter en vivo en tiempo real con el editor de feeds visuales y elegir entre múltiples tipos de feeds para satisfacer las necesidades de su negocio. Cada feed también incluye botones de tweet, lo que permite a los visitantes del sitio web compartir su contenido de Twitter con sus seguidores.

Sigue la guía paso a paso de Smash Balloon para agregar un feed de Twitter a WordPress.

¡Eso es todo!

Esperamos que hayas disfrutado este tutorial y te haya ayudado a aprender a agregar un botón de tweet a WordPress fácilmente. También te puede interesar esta guía sobre cómo hacer que tu blog parezca un sitio web.

¿Listo para agregar botones de tweet a su sitio web?

Gracias por leer. Síganos en YouTube, Twitter y Facebook para obtener más contenido útil para hacer crecer su negocio.