Cómo agregar botones para compartir en redes sociales en WordPress (4 métodos sencillos)

Las redes sociales son la principal forma en que las personas descubren contenido nuevo hoy en día.

Es por eso que en WPBeginner, agregamos botones para compartir en redes sociales en la parte superior de cada publicación para que a nuestros visitantes les resulte fácil compartir nuestro contenido en sus feeds de redes sociales. Hemos descubierto que esto aumenta efectivamente nuestro alcance, genera nuevo tráfico y mejora la participación del usuario.

Más allá de solo compartir, hemos visto cómo mostrar los recuentos de veces que se comparte en redes sociales puede aumentar la confianza del usuario y fomentar los clics. Cuando resaltas la popularidad de tu contenido, demuestras que otros valoran tu sitio web o tus productos.

En este artículo, te mostraremos cómo agregar fácilmente botones para compartir en redes sociales y mostrar los recuentos de veces que se comparte en tu sitio web de WordPress.

¿Por qué agregar botones para compartir en redes sociales en WordPress?

Las redes sociales son una de las actividades en línea más populares hoy en día. Es por eso que el marketing en redes sociales es ahora una parte crucial de la estrategia de crecimiento de toda pequeña empresa.

Si deseas llegar a más clientes potenciales, las plataformas de redes sociales son canales muy efectivos para comunicarte con nuevas personas.

El problema es que cuando compartes tu contenido en tus perfiles de redes sociales, solo llega a un número limitado de tus seguidores preexistentes.

Sin embargo, al agregar botones para compartir en redes sociales directamente en tu sitio, puedes animar a los visitantes a compartir tu contenido en sus feeds sociales. Esto permite que su contenido sea visto por sus amigos y seguidores, quienes luego pueden darle 'me gusta', comentar y volver a compartirlo.

De esta manera, los botones para compartir en redes sociales pueden ayudar a generar más tráfico a tu sitio, mejorar tu credibilidad social, generar más clientes potenciales y aumentar la participación.

Dicho esto, veamos cómo agregar fácilmente botones para compartir en redes sociales en WordPress. Puedes usar los enlaces rápidos a continuación para saltar a diferentes partes de nuestro tutorial:

• Método 1: Usar Novashare para agregar botones para compartir en redes sociales (Recomendado)
• Método 2: Usar Social Snap para agregar botones para compartir en redes sociales (Gratis)
• Método 3: Usar SeedProd para agregar botones para compartir en redes sociales en páginas de destino personalizadas
• Método 4: Usar Sassy Social Share para agregar un botón para compartir en WhatsApp (Extra)

Método 1: Usar Novashare para agregar botones para compartir en redes sociales (Recomendado)

Novashare es uno de los mejores plugins de redes sociales para WordPress, que ofrece una forma sencilla de agregar botones para compartir en redes sociales a tus publicaciones. Puedes agregar botones para plataformas populares como Facebook, Pinterest, X (Twitter) y LinkedIn para mejorar el alcance de tu contenido en varias plataformas sociales.

Puedes mostrar el recuento de veces que se ha compartido cada publicación y elegir un estilo de botón que se vea mejor en tu sitio. El plugin también está optimizado para la velocidad y el rendimiento de WordPress, por lo que no tendrás que preocuparte de que ralentice tu sitio.

Además, Novashare te permite crear cuadros de Click to Tweet para que tus visitantes puedan compartir rápidamente citas de tus artículos. También ofrece un bloque de Seguimiento que puedes usar para promocionar tus perfiles sociales.

Para empezar, visita el sitio web de Novashare y elige un plan. Después de eso, necesitas instalar y activar el plugin. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez que hayas activado el plugin, deberás navegar a la página Ajustes » Novashare en tu panel de WordPress para activar tu licencia.

Asegúrate de estar en la pestaña ‘Licencia’ y luego pega la clave de licencia que te dieron al comprar el plugin. A continuación, asegúrate de hacer clic en el botón ‘Guardar Licencia’.

Habilitar botones de compartir social en línea

Después de activar tu licencia, haz clic en la pestaña ‘Contenido en línea’ para habilitar el contenido en línea. Esto te permitirá agregar botones para compartir en redes sociales a tus publicaciones y páginas. Alternativamente, puedes agregar los botones sociales a una barra flotante, lo cual cubrimos en la siguiente sección.

Simplemente cambia el botón ‘Habilitar Contenido en Línea’ a la posición ‘Activado’ y luego selecciona los botones que deseas agregar.

Novashare viene con una biblioteca de 26 botones, incluidas redes populares como X (Twitter), Facebook, LinkedIn y más. También ofrece botones de acción para Correo electrónico, Imprimir y Copiar.

A continuación, puedes configurar dónde aparecerán los botones en tus publicaciones y páginas.

Simplemente desplázate un poco hacia abajo hasta la sección ‘Mostrar’. Aquí, puedes marcar casillas para que los botones sociales aparezcan en tus publicaciones, páginas y páginas de adjuntos multimedia. Si tienes una tienda en línea, también tendrás una casilla para productos.

También puedes elegir la posición del botón desde el menú desplegable ‘Posición del Botón’. Hay opciones para mostrar los botones para compartir en redes sociales encima de tu contenido, debajo de tu contenido, o ambos. También puedes elegir colocar los botones en cada página manualmente usando este shortcode:

[novashare_inline_content]

El punto de interrupción móvil permite que los botones sociales se muestren en dispositivos móviles más pequeños al dividir los botones en dos o más filas después de que alcanzan un cierto ancho. El valor predeterminado es 1200 píxeles, pero para una mejor compatibilidad con dispositivos más pequeños, es posible que desees reducirlo a 768 píxeles.

En la siguiente sección, puedes diseñar la apariencia de tus botones. Novashare te permite elegir entre docenas de combinaciones de estilos y formas, como estas:

Al desplazarte hacia abajo a la sección de diseño, encontrarás menús desplegables para los atributos de tus botones, como estilo, diseño, alineación, tamaño y forma.

Simplemente elige los diferentes atributos que mejor se adapten a tu sitio web.

A continuación, encontrarás opciones para cambiar el color de tus botones. Simplemente deja estos botones en blanco para mostrarlos en los colores predeterminados que viste al elegir tus botones.

Cualquier cambio de color que realices en esta sección afectará a todos los botones. Hay opciones para el color del botón, el color al pasar el cursor, el color del ícono a la derecha del botón y más.

Al hacer clic en cualquiera de estas opciones, aparecerá un selector de color donde podrás seleccionar el color que deseas usar.

La opción 'Mostrar etiquetas' en la parte inferior de esta sección te permite elegir si se muestra o no el nombre de cada red social junto al ícono de la plataforma.

Además de proporcionar botones para compartir en redes sociales, también es una buena idea mostrar cuántas veces se ha compartido la publicación actual en todos los canales sociales.

Mostrar los recuentos de compartidos en las publicaciones de blog mejora la credibilidad al mostrar la popularidad de tu contenido, lo que puede animar a más usuarios a interactuar y compartir. Proporciona prueba social que demuestra que tu contenido es valorado por otros, aumentando la confianza con tus usuarios.

Esta configuración está habilitada por defecto. Puedes elegir mostrar el recuento de compartidos de la publicación actual antes o después de los botones para compartir en redes sociales y también personalizar el color.

Aquí tienes un ejemplo de recuentos compartidos con fondo blanco que se muestran después de los botones para compartir en redes sociales.

Si lo deseas, también puedes agregar una llamada a la acción a la barra de botones, como ‘¡Comparte con tus amigos!’. Esto puede animar a más visitantes a compartir tu contenido.

Aunque no hacemos esto en nuestro propio sitio web, puedes agregar una llamada a la acción simplemente escribiendo tu mensaje en el campo ‘Texto’. También puedes personalizar el tamaño y el color de la fuente.

Una vez que hayas terminado de personalizar tus botones para compartir en redes sociales, haz clic en ‘Guardar Cambios’ en la parte inferior de la página, y se agregarán a tu sitio.

Así es como se ve en nuestro sitio de demostración:

Habilitar la barra flotante para compartir en redes sociales

En lugar de agregar botones para compartir en redes sociales a tus publicaciones y páginas, puedes agregarlos a una barra que flota en uno de los bordes de tu sitio web o se fija en la parte inferior de la pantalla en dispositivos móviles.

Por defecto, esto aparecerá en el lado izquierdo de la pantalla o en la parte inferior en pantallas estrechas. No se moverá incluso cuando te desplaces por tu contenido.

Para habilitar una barra flotante en tu sitio web, necesitas navegar a Configuración » Novashare y hacer clic en la pestaña ‘Barra flotante’ a la izquierda.

Luego puedes habilitar la opción de barra flotante y elegir los botones para compartir en redes sociales que deseas agregar.

Después de eso, puedes personalizar la ubicación de la barra.

Al igual que la opción Contenido en línea, puedes marcar casillas para mostrar los botones para compartir en redes sociales en publicaciones, páginas, archivos multimedia y también productos si tienes una tienda en línea.

También necesitarás habilitar la opción ‘Mostrar en página de publicaciones’ para mostrar los botones en tus publicaciones. Si lo deseas, también puedes activar la configuración ‘Mostrar en archivos’ para mostrar la barra flotante en tu página de archivo de publicaciones de tu blog.

Ahora puedes usar el menú desplegable ‘Alineación de botones’ para elegir si mostrar la barra a lo largo del lado derecho o izquierdo de tu página en pantallas anchas. En pantallas estrechas, se mostrará en la parte inferior.

Puedes controlar qué tan lejos aparece la barra flotante de los bordes de la pantalla usando las opciones ‘Desplazamiento superior’ y ‘Desplazamiento de borde’.

La opción ‘Mostrar al desplazarse’ te permite ocultar tus iconos sociales hasta que el usuario haya desplazado una distancia determinada por la página.

Para este tutorial, usaremos la configuración predeterminada, que funciona bien para la mayoría de los sitios web.

Las secciones Diseño y Recuentos de compartidos funcionan de la misma manera que lo hacen para la configuración de Contenido en línea anterior. Sin embargo, hay una sección adicional en esta página para dispositivos móviles.

La configuración predeterminada en la sección ‘Móvil’ funcionará para la mayoría de los sitios web. La barra estará fija en la parte inferior de la pantalla pero oculta en pantallas de menos de 800 píxeles de ancho.

Sin embargo, puedes cambiar fácilmente ese ancho máximo, así como el color de fondo y el relleno de los botones. También hay acciones para hacer que la barra llene el espacio de pantalla disponible y para ahorrar espacio ocultando el recuento total de compartidos.

Cuando hayas terminado de configurar tus botones para compartir en redes sociales, asegúrate de desplazarte hasta el final de la pantalla y hacer clic en el botón ‘Guardar Cambios’ para mostrar la barra flotante en tu sitio web.

Así es como se ve en nuestro sitio de demostración:

Configuración del Botón para Compartir

Una forma de ahorrar espacio en tu barra de botones es usando el Botón para Compartir. Esto te permite agregar las principales redes sociales como botones individuales, y los usuarios pueden compartir en plataformas adicionales haciendo clic en el Botón para Compartir.

Primero, asegúrate de agregar el botón ‘Compartir’ a tu ‘Contenido en Línea’ o a la ‘Barra Flotante’.

A continuación, puedes configurar los ajustes del Botón para Compartir navegando a Ajustes » Novashare y luego haciendo clic en la pestaña ‘Botón para Compartir’.

Esto te permitirá seleccionar las redes sociales adicionales que deseas mostrar cuando un usuario haga clic en el Botón para Compartir. También puedes agregar una llamada a la acción y elegir un diseño para esos botones adicionales.

No olvides hacer clic en el botón ‘Guardar Cambios’ al final de la página para almacenar tu configuración.

Así es como se ve en nuestro sitio web de demostración después de hacer clic en el botón ‘Compartir’.

Agregar un Botón de Pinterest a las Imágenes

Novashare también puede agregar un botón ‘Pin’ de Pinterest a cada imagen de tu sitio web. Por defecto, este botón se mostrará cuando pases el ratón sobre una imagen. Sin embargo, puedes configurar el plugin para que muestre los botones todo el tiempo.

Primero, navega a Configuración » Novashare y luego haz clic en la pestaña ‘Pinterest’. Una vez allí, puedes activar la opción ‘Habilitar Pines de Imagen’ y seleccionar los ‘Tipos de Publicación’ donde deseas mostrar el botón.

También puedes personalizar la posición, forma y color del botón, aunque la configuración predeterminada funcionará bien para la mayoría de los sitios web (ver la captura de pantalla a continuación).

Si deseas que el botón de Pinterest se muestre incluso cuando no estés pasando el cursor sobre una imagen, asegúrate de activar la opción ‘Mostrar Siempre’.

Finalmente, si hay algunas imágenes que no deseas compartir, simplemente escribe los nombres de archivo en el campo ‘Imágenes Excluidas’ y no se mostrará un botón de Pinterest para esas imágenes.

Una vez que hagas clic en el botón ‘Guardar Cambios’ para almacenar tu configuración y comenzar a mostrar el botón de Pin en las imágenes.

Así es como se ve en nuestro sitio web de demostración al pasar el mouse sobre una imagen.

Método 2: Usar Social Snap para agregar botones para compartir en redes sociales (Gratis)

Si buscas una forma gratuita de agregar botones para compartir en redes sociales a tu sitio, el plugin Social Snap es una buena alternativa a una herramienta premium.

Primero, necesitarás instalar y activar el plugin Social Snap. Para obtener instrucciones detalladas, puedes consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Después de la activación, visita la página Social Snap » Ajustes desde la barra lateral de administración de WordPress. Luego, expande la pestaña ‘Compartir en redes sociales’ en la columna izquierda.

Esto abrirá nuevas configuraciones en la barra lateral, donde deberás seleccionar la pestaña ‘Administrar redes’.

A continuación, haz clic en el botón ‘+ Añadir redes’ para agregar una red social de tu elección desde el aviso. Puedes añadir plataformas como Facebook, X (Twitter), LinkedIn y correo electrónico.

También puedes configurar la visibilidad de los botones para diferentes dispositivos pasando el cursor del ratón sobre el icono del ojo y activando el interruptor móvil a ‘Activado’. Hacer esto mostrará los botones para compartir en redes sociales a los usuarios que visitan tu sitio en dispositivos móviles.

Después de eso, sal de la pestaña ‘Administrar redes’.

Esto te llevará a la página de configuración general, donde puedes seleccionar si deseas agregar una barra flotante o botones en línea para los iconos de compartir en redes sociales.

Añadir botones en línea para compartir en redes sociales

Los botones en línea para compartir en redes sociales se muestran en la parte superior o inferior de tus publicaciones y páginas.

Para añadirlos a tu sitio, simplemente haz clic en la pestaña ‘Botones en línea’ para expandirla.

Esto abrirá nuevas configuraciones en la columna izquierda con una vista previa de los botones para compartir en redes sociales en el lado derecho de la pantalla.

Desde aquí, puedes configurar la posición de los botones. Puedes elegir la opción 'Debajo del contenido' para mostrar los botones en la parte inferior del contenido y la opción 'Encima del contenido' para mostrar los botones en la parte superior de la página.

También puedes personalizar la alineación de tus botones y la etiqueta, forma y tamaño de compartir desde aquí.

A continuación, desplázate hacia abajo hasta la sección 'Etiquetas de los botones', donde puedes decidir si quieres mostrar el nombre de la plataforma de redes sociales, los recuentos de compartidos o ambos.

Después de eso, desplázate hacia abajo hasta la sección 'Mostrar en'. Aquí, puedes marcar la casilla 'Entradas' si solo quieres mostrar los botones para compartir en redes sociales en tus entradas. También puedes marcar el botón 'Páginas' para mostrar los botones para compartir en redes sociales en tus páginas 'Acerca de nosotros', 'Contáctanos' o 'Archivos'.

Además, puedes marcar la opción 'Inicio' si solo quieres mostrar los botones para compartir en redes sociales en tu página de inicio.

Una vez que hayas terminado, no olvides hacer clic en el botón 'Guardar cambios' en la parte inferior para almacenar tu configuración.

Ahora puedes visitar tu sitio web de WordPress para ver los botones para compartir en redes sociales en acción.

Añadir barra flotante para compartir en redes sociales

Si decides añadir una barra flotante, tus botones para compartir en redes sociales se mostrarán en el lateral de tus entradas o páginas de WordPress.

Para hacer esto, simplemente abre la pestaña 'Barra lateral flotante'.

Esto abrirá algunas nuevas configuraciones en la columna izquierda, desde donde puedes configurar la posición, el tamaño y la forma de los iconos de tu barra flotante.

Una vez que hagas eso, desplázate hacia abajo hasta la sección 'Mostrar en' y selecciona las páginas donde quieres mostrar los botones para compartir en redes sociales.

Por ejemplo, si quieres mostrar la barra flotante para compartir en redes sociales solo en tus entradas de blog, entonces puedes seleccionar la opción 'Entrada'.

De manera similar, si también deseas mostrar la barra flotante en la página de inicio de tu sitio web, entonces puedes elegir la opción ‘Inicio’.

Finalmente, haz clic en el botón 'Guardar Cambios' para almacenar tu configuración.

Ahora puedes visitar tu blog de WordPress para ver la barra flotante de compartir en redes sociales en acción.

Agregar botones para compartir en redes sociales en imágenes

Si tienes un sitio web de fotografía, entonces incluso puedes agregar botones para compartir en redes sociales en tus imágenes con la ayuda del plugin Social Snap.

Esto permitirá a los usuarios compartir tus imágenes en sus feeds sociales y ayudará a atraer más tráfico a tu sitio.

Primero, deberás visitar la página Social Snap » Configuración desde el panel de WordPress y hacer clic en la pestaña ‘En medios’ para abrirla.

Una vez que estés allí, elige tu tipo de botón. Puedes agregar todos tus botones para compartir en redes sociales en la parte superior de las imágenes o agregar un botón de Pinterest.

Después de eso, también puedes seleccionar el tamaño, la forma, la visibilidad y la posición del botón.

Luego, puedes agregar la altura y el ancho mínimos para una imagen. Esto significa que los botones para compartir no se mostrarán en una imagen en tu sitio web que esté por debajo del límite de altura y ancho mínimos.

A continuación, debes desplazarte hacia abajo hasta la sección 'Mostrar en' y marcar las opciones para las páginas o publicaciones donde deseas mostrar los botones para compartir en redes sociales en tus imágenes.

También puedes activar el interruptor 'Ocultar en móvil' a 'Activado' si no deseas mostrar los botones para compartir en imágenes en dispositivos móviles.

Finalmente, haz clic en el botón 'Guardar Cambios' para almacenar tu configuración.

Ahora, simplemente visita tu sitio de WordPress para ver los botones para compartir en redes sociales en las imágenes.

Mostrar recuentos de veces compartido en redes sociales

Si también deseas mostrar los recuentos de veces compartido junto a los botones para compartir en redes sociales, visita la página Social Snap » Configuración y expande la pestaña 'Administrar redes' desde la columna izquierda.

Después de eso, desplázate hacia abajo hasta la sección 'Proveedor de recuento de veces compartido de Facebook', donde puedes seleccionar cualquiera de las dos fuentes.

Sin embargo, recomendamos seleccionar la opción 'SharedCount.com'. Luego, los recuentos se recuperarán de la API del servicio SharedCount. Esto permite que el plugin obtenga todos los recuentos con solo 2 llamadas a la API, lo cual es mejor para el rendimiento de WordPress.

Si eliges la opción 'API de Graph de Facebook', los recuentos de veces compartido se recuperarán de la API de Facebook, lo que puede ralentizar tu sitio.

Puedes obtener fácilmente la API de SharedCount registrándote para obtener una cuenta gratuita en el sitio web de SharedCount.com.

Para hacer esto, deberás proporcionar una dirección de correo electrónico y una contraseña, y luego hacer clic en el botón ‘Crear cuenta’.

El sitio web ahora enviará un enlace de confirmación a tu dirección de correo electrónico.

Haz clic en el enlace para verificar tu cuenta.

Ahora, debes iniciar sesión en tu cuenta de SharedCount nuevamente y visitar la página ‘Configuración’ desde el menú desplegable en la esquina superior derecha de la pantalla.

Esto te llevará a una nueva página donde verás tu clave API de SharedCount.

Necesitas copiar esta clave y volver a la página de configuración de tu plugin en tu sitio de WordPress.

Ahora, haz clic y pega la clave API en el campo ‘Clave API de SharedCount’.

Después de eso, haz clic en el botón ‘Save Changes’ para guardar tu configuración.

Luego puedes ingresar esta clave API nuevamente para el recuento de compartidos de X (Twitter). Después de eso, haz clic en el botón ‘Guardar cambios’ para almacenar tu configuración.

Ahora puedes visitar tu sitio web para ver los botones para compartir en redes sociales con el recuento de compartidos para cada publicación de blog.

Método 3: Usar SeedProd para agregar botones para compartir en redes sociales en páginas de destino personalizadas

Si deseas crear páginas de destino personalizadas para tu sitio web con botones para compartir en redes sociales, puedes hacerlo fácilmente usando SeedProd.

En nuestra opinión, es el mejor creador de páginas de WordPress del mercado. Viene con un constructor de arrastrar y soltar, más de 300 plantillas prediseñadas y bloques avanzados para crear páginas de destino increíbles con botones para compartir en redes sociales.

Primero, necesitas instalar y activar el plugin SeedProd. Para obtener instrucciones detalladas, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarlo, visita la sección SeedProd » Landing Pages desde el panel de WordPress y haz clic en el botón ‘Agregar Nueva Landing Page’.

Esto te llevará a la pantalla ‘Elegir una nueva plantilla de página’, donde verás numerosas plantillas prediseñadas para elegir.

Una vez que hagas tu elección, se te pedirá que ingreses un nombre para la página de destino que estás a punto de crear.

Al ingresar esta información, simplemente haz clic en el botón ‘Guardar y empezar a editar la página’ para continuar.

Esto iniciará el constructor de arrastrar y soltar de SeedProd, donde verás una lista de bloques en la columna izquierda con una vista previa de la página a la derecha.

Ahora puedes arrastrar y soltar diferentes bloques para construir tu página. Para más detalles, consulta nuestro tutorial sobre cómo crear una página de destino en WordPress.

Después de eso, simplemente busca y agrega el bloque ‘Compartir en redes sociales’ desde la columna izquierda a tu lugar preferido en la página.

A continuación, necesitas hacer clic en el bloque nuevamente para abrir su configuración en la barra lateral. Desde aquí, puedes elegir la plataforma de redes sociales con el botón que deseas agregar en el menú desplegable.

También puedes agregar un nuevo botón para compartir haciendo clic en el botón ‘+ Agregar nuevo compartir’ en la columna.

Después de eso, también puedes configurar el tamaño y la alineación del botón.

Incluso puedes cambiar a la pestaña ‘Avanzado’ en la parte superior para cambiar el espaciado, elegir la visibilidad del dispositivo, agregar CSS personalizado y usar efectos de animación.

Una vez que hayas terminado, simplemente haz clic en los botones ‘Guardar’ y luego ‘Publicar’ en la parte superior para almacenar tu configuración.

Ahora, simplemente visita la página de destino personalizada para ver los botones para compartir en redes sociales en acción.

Así es como se veía la página en nuestro sitio web de demostración.

Método 4: Usar Sassy Social Share para agregar un botón para compartir en WhatsApp (Extra)

Además de las plataformas de redes sociales, también puedes agregar un botón para compartir en WhatsApp en tu sitio de WordPress. WhatsApp es una aplicación de mensajería instantánea que permite a las personas de todo el mundo contactarse entre sí.

Al agregar un botón para compartir en WhatsApp, permitirás a los usuarios compartir el contenido de tu sitio con sus contactos, incluidos amigos, familiares y colegas. Esto puede aumentar la participación del usuario, mejorar la visibilidad del contenido y ayudarte a expandir el alcance de tu marca.

Puedes agregar fácilmente un botón para compartir en WhatsApp en WordPress con el plugin Sassy Social Share.

Para más información, consulta nuestro tutorial sobre cómo agregar un chatbox y botones para compartir de WhatsApp en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar botones para compartir en redes sociales en WordPress. También podrías querer aprender cómo agregar íconos de redes sociales a los menús de WordPress y echar un vistazo a nuestras mejores selecciones de los mejores plugins de redes sociales para WordPress para aumentar tus seguidores.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.