Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir botones para compartir en redes sociales en WordPress (Guía para principiantes)

En el mundo actual, los medios sociales son la principal fuente de descubrimiento de contenidos para muchos usuarios. Nuestro equipo es consciente del inmenso potencial que tienen las redes sociales para los creadores de contenidos y ha escrito cientos de artículos sobre marketing en medios sociales.

Si integras botones para compartir en redes sociales en tu sitio web de WordPress, los visitantes podrán compartir fácilmente tus contenidos en sus redes sociales. Esto puede aumentar su alcance, generar tráfico y fomentar la participación de los usuarios.

Además de simplemente compartir, mostrar el recuento de comparticiones sociales puede aumentar la confianza del usuario y fomentar los clics al mostrar la popularidad existente de su contenido.

En este artículo, le mostraremos cómo añadir fácilmente botones para compartir en redes sociales y mostrar el recuento de comparticiones en su sitio web de WordPress.

Add Social Share Buttons in WordPress (Beginner's Guide)

¿Por qué añadir 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. Por eso el marketing en medios sociales es ahora una parte crucial de la estrategia de crecimiento de cualquier pequeña empresa.

Si quiere llegar a más clientes potenciales, las plataformas de medios sociales son canales muy eficaces para comunicarse con gente nueva.

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

Sin embargo, si añade botones para compartir en redes sociales, puede animar a los visitantes a compartir su contenido en sus redes sociales. De este modo, sus amigos y seguidores podrán ver su contenido, añadir comentarios y compartirlo.

De este modo, los botones para compartir en redes sociales pueden ayudar a atraer más tráfico a su sitio, mejorar su credibilidad social, generar más clientes potenciales e impulsar la participación.

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

Cómo añadir botones para compartir en redes sociales en entradas y páginas de WordPress

En primer lugar, debes 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.

Una vez activado, visita la página “Ajustes” de Social Snap desde la barra lateral del administrador de WordPress. A continuación, despliega la pestaña “Compartir en redes sociales” en la columna de la izquierda.

Expand the social sharing tab

Se abrirán nuevos ajustes en la barra lateral, donde deberá seleccionar la pestaña “Gestionar redes”.

A continuación, haz clic en el botón “+ Añadir redes” para añadir una red de medios sociales de tu elección desde la indicación. Puedes añadir plataformas como Facebook, Twitter, LinkedIn y correo electrónico.

También puede configurar la visibilidad del botón para distintos dispositivos pasando el ratón por encima del icono del ojo y conmutando el interruptor móvil a “Activado”. De este modo, los botones para compartir en redes sociales se mostrarán a los usuarios que visiten su sitio desde dispositivos móviles.

Click the Add Network button to choose social media platforms for social sharing buttons

A continuación, salga de la pestaña “Gestionar redes”.

Esto le llevará a la página de ajustes generales, donde puede seleccionar si desea añadir una barra flotante o botones integrados para compartir iconos sociales.

Añadir botones integrados para compartir en redes sociales

Los botones integrados para compartir en redes sociales aparecerán en la parte superior o inferior de tus entradas y páginas.

Para añadirlos a su sitio, basta con hacer clic en la pestaña “Botones integrados” para ampliarla.

Choose the inline buttons tab

Esto abrirá nuevos ajustes en la columna de la izquierda con una vista previa para los botones de compartir en redes sociales en la parte derecha de la pantalla.

Desde aquí, puede configurar la posición de los botones. Puede 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.

Desde aquí también puede personalizar la alineación del botón, así como la etiqueta para compartir, la forma y el tamaño.

Customize your social sharing buttons

A continuación, desplácese hasta la sección “Etiquetas de los botones”, donde podrá decidir si desea mostrar el nombre de la plataforma de medios sociales, el recuento de acciones o ambos.

A continuación, desplázate hasta la sección “Mostrar en”. Aquí puedes marcar la casilla “Entradas” si sólo 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 de redes sociales en las páginas “Acerca de nosotros”, “Contacto” o “Archivos”.

Además, puede marcar la opción “Inicio” si solo desea mostrar los botones para compartir en redes sociales en su página de inicio.

Choose where you want to display your social sharing buttons

Cuando hayas terminado, no olvides hacer clic en el botón “Guardar cambios” de la parte inferior para guardar tus ajustes.

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

Social sharing buttons preview

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 ello, basta con abrir la pestaña “Barra lateral flotante”.

Choose the floating bar option

Esto abrirá algunos ajustes nuevos en la columna de la izquierda, desde donde podrá configurar la posición, el tamaño y la forma de los iconos de su barra flotante.

Una vez hecho esto, desplácese hasta la sección “Mostrar en” y seleccione las páginas en las que desea mostrar los botones para compartir en redes sociales.

Por ejemplo, si desea mostrar la barra flotante para compartir en redes sociales solo en las entradas de su blog, puede seleccionar la opción “Entrada”.

Del mismo modo, si también desea mostrar la barra flotante en la página de inicio de su sitio web, puede elegir la opción “Inicio”.

Choose where to display your floating bar

Por último, haz clic en el botón “Guardar cambios” para establecer los ajustes.

Ahora puede visitar su blog de WordPress para ver la barra flotante de compartición social en acción.

Social sharing floating bar preview

Cómo añadir botones para compartir en redes sociales en imágenes de WordPress

Si tienes un sitio web de fotografía, puedes incluso añadir botones sociales a tus imágenes con la ayuda del plugin Social Snap.

De este modo, los usuarios podrán compartir tus imágenes en sus redes sociales y atraer más tráfico a tu sitio.

En primer lugar, tendrás que visitar la página de ajustes de Social Snap “ desde el escritorio de WordPress y hacer clic en la pestaña “On Media” para abrirla.

Choose the On Media tab to expand it

Una vez allí, elige el tipo de botón. Puedes añadir todos tus botones de compartir en redes sociales en la parte superior de las imágenes o añadir un botón de Pinterest.

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

Choose social share buttons or Pinterest button to display on top of images

A continuación, puede añadir la altura y anchura mínimas de una imagen. Esto significa que los botones para compartir no se mostrarán en una imagen de su sitio web que esté por debajo del límite mínimo de altura y anchura.

A continuación, debe desplazarse hasta la sección “Mostrar en” y marcar / comprobar las opciones de las páginas o entradas en las que desea mostrar los botones para compartir en redes sociales en sus imágenes.

También puede conmutar el interruptor “Ocultar en móviles” a “Activado” si no desea mostrar botones para compartir imágenes en dispositivos móviles.

Configure the display settings for the social share buttons in images

Por último, haz clic en el botón “Guardar cambios” para establecer los ajustes.

Ahora, sólo tiene que visitar su sitio de WordPress para ver los botones para compartir en redes sociales en imágenes.

Social Share buttons in images preview

Mostrar el recuento de acciones sociales en WordPress

Si también quieres mostrar los recuentos de comparticiones junto a los botones de compartición social, debes visitar la página Ajustes de Social Snap “ y ampliar la pestaña “Gestionar redes” de la columna de la izquierda.

A continuación, desplázate hasta la sección “Proveedor de recuento de comparticiones de Facebook”, donde podrás seleccionar cualquiera de las dos fuentes.

Choose SharedCount.com as the API for share counts

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

Si eliges la opción “Facebook Graph API”, los recuentos de acciones se recuperan de la API de Facebook, lo que puede ralentizar tu sitio.

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

Para ello, tendrá que proporcionar una dirección de correo electrónico y una contraseña y, a continuación, hacer clic en el botón “Crear cuenta”.

Create an account on SharedCount.com

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

Siga adelante y haga clic en el enlace para verificar su cuenta.

Click account verification link

Ahora, debe iniciar sesión en su cuenta de SharedCount de nuevo y visitar la página “Configuración” en el menú desplegable en la esquina superior derecha de la pantalla.

Esto le llevará a una nueva página donde verá su clave API de SharedCount.

Copy your SharedCount API key

Debe copiar esta clave y volver a la página de ajustes del plugin en su sitio de WordPress.

Ahora, siga adelante y pegue la clave API en el campo ‘Clave API de SharedCount’.

A continuación, haz clic en el botón “Guardar cambios” para establecer los ajustes.

Paste your SharedCount.com API key

A continuación, puedes volver a introducir esta clave API para el recuento de participaciones en Twitter. A continuación, haz clic en el botón “Guardar cambios” para establecer los ajustes.

Ahora puede visitar su sitio web para ver los botones de compartición social con el recuento de comparticiones de cada entrada del blog.

Social share buttons with share count preview

Cómo añadir botones para compartir en redes sociales en páginas de destino personalizadas

Si desea crear páginas de destino personalizadas para su sitio web con botones para compartir en redes sociales, puede hacerlo fácilmente con SeedProd.

Es el mejor constructor de páginas de WordPress del mercado que viene con un constructor de arrastrar y soltar, más de 300 plantillas prediseñadas y bloques avanzados para crear increíbles páginas de destino con botones para compartir en redes sociales.

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

Nota: SeedProd también tiene un plan gratuito que puede utilizar para este tutorial. Sin embargo, la actualización al plan de pago desbloqueará más características.

Una vez activado, visite la sección SeedProd ” Páginas de destino desde el escritorio de WordPress y haga clic en el botón “Añadir nueva página de destino”.

Click the Add New Landing Page button

Esto le llevará a la pantalla “Elegir una nueva plantilla de página”, donde verá numerosas plantillas prefabricadas entre las que elegir.

Una vez hecha su elección, se le pedirá que introduzca un nombre para la página de destino que está a punto de crear.

Tras introducir esta información, basta con hacer clic en el botón “Guardar y empezar a editar la página” para continuar.

Enter your page details

Esto iniciará el editor de arrastrar y soltar de SeedProd, donde verá 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, consulte nuestro tutorial sobre cómo crear una página de destino en WordPress.

Después de eso, simplemente busque y añada el bloque de Compartición Social de la columna de la izquierda al lugar que prefiera de la página.

Add the social sharing block to the landing page

A continuación, tienes que volver a hacer clic en el bloque para abrir sus ajustes en la barra lateral. Desde aquí, puedes elegir la plataforma de medios sociales con el botón que deseas añadir en el menú desplegable.

También puede añadir un nuevo botón para compartir en redes sociales al hacer clic en el botón “+ Añadir nueva acción” de la columna.

A continuación, también puede configurar el tamaño y la alineación del botón.

Choose a social media platform for the page

Incluso puede cambiar a la pestaña “Avanzado” en la parte superior para cambiar el espaciado, elegir la visibilidad del dispositivo, añadir CSS personalizado y utilizar efectos de animación.

Cuando hayas terminado, sólo tienes que hacer clic en el botón “Guardar y publicar” de la parte superior para guardar tus ajustes.

Publish the landing page with the social sharing block

Ahora, sólo tiene que visitar la página de destino personalizada para ver los botones para compartir en redes sociales en acción.

Este es el aspecto de la página en nuestro sitio web de demostración.

Landing page with the social sharing block

Bonificación: Añadir un botón para compartir WhatsApp en WordPress

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

Si añades un botón para compartir WhatsApp, activarás la posibilidad de que los usuarios compartan el contenido de tu sitio con sus contactos, incluidos amigos, familiares y compañeros. Esto puede aumentar la participación de los usuarios, mejorar la visibilidad del contenido y ayudarle a ampliar el alcance de su marca.

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

WhatsApp Share button

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

Esperamos que este artículo te haya ayudado a aprender cómo añadir botones para compartir en redes sociales en WordPress. Puede que también quieras saber cómo añadir iconos de medios sociales a los menús de WordPress y nuestra selección de los mejores plugins de WordPress para redes sociales para aumentar tu número de seguidores.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

60 comentariosDeja una respuesta

  1. Saransh Agrawal

    really helpful for me

    • WPBeginner Support

      Glad to hear it was helpful :)

      Administrador

  2. Pagula Majorda

    Hi
    Your writeup is good no doubt.
    I want to ask about the icons placed in the Top Bar, do you simply put the url, if so, what purpose does it serve? On a marketplace demos, I found the icons urls automatically changed to reflect the article I was reading. How does one do that? Any ideas will not only help your readers (I am one of them too), but it will increase the coverage of this article.
    Please keep up the good work

    • WPBeginner Support

      Using the Shared Count plugin would not require you to add a link to the social media platform, it would generate the post with a link to the post to share for the user and they would have the option to change the content before posting.

      Administrador

  3. Sarwat

    Shared Count plugin is good but doesn’t have whatsapp.

    • WPBeginner Support

      Thanks for sharing that for those looking for a whatsapp button :)

      Administrador

  4. Cathy

    do you know of a plugin that I could use my own custom icons for social sharing?

    • WPBeginner Support

      We do not have a recommended plugin for that at the moment but we will be sure to share if we have a recommended one :)

      Administrador

  5. Robert B

    Well.. this plugin have not been updated since more than 2 years.

    Do you have an alternativ?

  6. Lynn Phillipi

    All these explanations were very helpful. Thanks so much.

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  7. Allan Green

    New to the website builder club, and recently came across the wpbeginner group on facebook. Looking forward to learning lots of new things to build and improve my site.

    • WPBeginner Support

      We hope our content continues to be helpful :)

      Administrador

  8. Izhar Ahmad Danish

    Wpbeginner is actually a WP-Pro

    I have been following your content for last two years, I have learned so many things from basic to pro. It also helped me in every minor errors, issues, even selection of Theme, hostings and Plugins.

    Kudos to Syed Balkhi and team

    • WPBeginner Support

      Glad our guides and content have been helpful :)

      Administrador

  9. Sourabh

    Hey thanks for the guide.

    • WPBeginner Support

      Glad you found our guide helpful :)

      Administrador

  10. Diane Hambrick

    Thank you for a great deal of valuable information! Sharing on social media is so important for our websites.

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Administrador

  11. Khalid

    Nice info and explanation, loved the floating icons, I will try them out.

    • WPBeginner Support

      Glad you liked our guide and recommendations :)

      Administrador

  12. Christie

    So helpful! Thank you for adding the visuals!!

    • WPBeginner Support

      You’re welcome, glad our guide and visuals were helpful :)

      Administrador

  13. Suzanne

    Thanks for your awesome tutorial solving step 1 in my issue with social media share butotns. Having successfully installed on a specific blogpost (icons are visible) the specific blogpost is not shared on fB, only a generic text and image about my site… what is missing?

  14. karima

    Great article as usual! Thanks

    • WPBeginner Support

      Thank you and you’re welcome :)

      Administrador

  15. Syeda maham Fahim

    Great , Thank you

    • WPBeginner Support

      You’re welcome :)

      Administrador

    • WPBeginner Support

      Thank you :)

      Administrador

  16. Sojol Rana

    If you don’t mind, can you told me that what social share plugin you use in this site?

    • WPBeginner Support

      At the moment we’re using the shared counts plugin from this tutorial with custom styling :)

      Administrador

  17. Ikechukwu

    Nice article but I have a little problem in displaying the share bottoms to my blog category post.

    The bottoms only show in pages instead of post how do I fix that

    Thank you.

    • WPBeginner Support

      You would want to reach out to the support for your theme and they should be able to help with the footer display.

      Administrador

  18. Daniela

    Hi well written article thanks.. I was wondering is there a possibility to insert and have the same effect without a plugin I mean with php and jv using Facebook sharing.. Thanks for your reply.

    • WPBeginner Support

      We do not have a beginner-friendly method to add share buttons with JS and PHP

      Administrador

  19. Benjamin

    Hi,

    What plugin are you using for your social shares?

    The share counts plugin doesn’t have an option to make it look like yours.

    Thanks

    • WPBeginner Support

      We added custom styling for the shared counts to look like they do on our site

      Administrador

      • Benjamin

        Oh, I see

        Is there anywhere I can find this styling to make it look the same on my website? I really like the look!

        Thanks

        • WPBeginner Support

          Not at the moment but we will look into the possibility of including it in an article :)

  20. Martin Koss

    Which social sharing plugin do you use yourselves on your blog (and this post).
    Thanks.

    • WPBeginner Support

      At the moment we are using the shared counts plugin from the article :)

      Administrador

  21. Valli

    As per this, am bit confused, whether you are suggesting to add both plugin “Shared count & Sassy social share” or any one is sufficient.
    curiously awaiting for your reply.

    • WPBeginner Support

      Either one is sufficient, they just have different design options depending on what you’re wanting to do.

      Administrador

  22. Viktor

    Thanks for the description! I needed a few part of and I got the exact information!

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrador

  23. Lorelei

    Very helpful article and easy to follow! Thanks!

    • WPBeginner Support

      You’re welcome, glad you liked our article :)

      Administrador

  24. Aman

    It was a fantastic blog post,
    Is there any step by step procedure for beginner in WP, like sequence of blog post or e-book

  25. Kane Martin

    I am regular visitor of wpbeginner. Thanks for doing great job again. Information is well organized and easy to understand, will help me. Can you suggest me some plugins which can display Flickr album on website?

    • WPBeginner Support

      Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out :)

      Administrador

  26. Xavier Jinan

    Should i use them when my theme already have share buttons ? Because a blog on Hostnoc suggested that adding the buttons can slowdown your website. So why should i use it ?

  27. Chukwuezugo

    What about AddToAny social share plugin? That’s what I use and I love it. You can tweak it to give you either the standard share icons or the floating icons.

  28. Micki

    I rely heavily on information found on WP beginner. The site has been invaluable to me in starting my blog.

    One question on this post: The plug in, Shared Counts, is untested with my version of WordPress. Since I update each time an update is available, I am assuming that it is untested with the most updated version of WordPress.

    I use the Classic Editor plug in, if that makes a difference.

    Is it still safe to use this plug in? It sounds like it is exactly what I am looking for but I am hesitant to install it.

    Any direction would be greatly appreciated.

    Thanks so much for the on-going help found on the site.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.