Botones de compartir

Increase your website’s reach and engagement with customizable share buttons that make content sharing effortless. With just one click, your visitors can spread your posts, products, or pages across 40+ social media channels—helping you boost traffic, visibility, and brand awareness instantly.

Botones de compartir Embebidos

inline share button preview image

Botones de compartir pegadizos

sticky share button preview image

Copy the code below and paste it in the <head></head> or <footer></footer> tags of your website:

Copiar código code successfully copied!

Copia el código de colocación de abajo y pégalo donde quieras que aparezcan tus nuevos botones de compartir:

Copiar código Customize your buttons Customize your buttons code successfully copied!

Trusted by Over 3 Million Websites Globally

Sign Up and Get More With a ShareThis Account

Save Your Configurations

Save your button configurations, manage multiple sites, and invite teammates to collaborate.

Unlock Sharing Intelligence®

Harness the power of analytics: see what content gets shared and where your audience engages.

Access All Free Website Tools

Access more free tools to grow traffic, increase engagement, and support privacy and consent needs.

Nuestros botones para compartir

Permita a los visitantes de su sitio web ampliar la viralidad de sus contenidos, productos, imágenes y vídeos en más de 40 canales sociales

AI-Driven Smart Sharing Buttons

Elimina las conjeturas a la hora de seleccionar los canales sociales adecuados para tu audiencia con nuestra nueva función para Inline y Botones de comaprtir Pegadizos.

We automatically customize the channels based on the most popular sharing in your user’s region using ML algorithms. Sign up or login to our platform to start driving more engagement for your content or products. 

Uso gratuito

Siempre de uso gratuito y listo para ayudarte a aumentar tu audiencia de inmediato

Personalizable

Adaptar el diseño, incluyendo la alineación, el tamaño y el color para que coincida con su marca

Optimizado para móviles

Creado para visualizarse y tener un aspecto increíble en cualquier pantalla, ya sea grande o pequeña

Soporte multilingüe

Elija su idioma preferido entre más de 15 opciones

Plugin de WordPress

Perfecta integración con la plataforma de tu página web

Analítica

Una visión simple y digerible de lo que resuena con tu audiencia

Preguntas frecuentes

¿Tiene alguna pregunta sobre nuestros productos y servicios? No busque más!

Son ShareThis Compartir botones gratis?

¡Sí! Desde 2007, hemos estado proporcionando botones de compartir gratis para alimentar el intercambio de contenido a través de la web abierta.

¿Cómo consigo el código del botón compartir botones HTML/compartir?

Puede instalar el ShareThis botón de compartir en su sitio web HTML en un pocos pasos sencillos. Navegue hasta el la página de configuración y elija su preferencia de botones en línea o botones pegajosos. 

A continuación, seleccione los botones de compartir que desee. Puede personalizar su diseño eligiendo la alineación, el tamaño del botón, la llamada a la acción y el recuento de acciones. Una vez que el botón está listo para el diseño, haga clic en el "registro y obtener el código" para obtener el código de su botón. 

Echa un vistazo a esta publicación de soporte para obtener más detalles sobre Cómo instalar botones de compartir en una página web HTML

¿Cómo instalo los botones de compartir en mi sitio de WordPress?

ShareThis Los botones de compartir para WordPress te dan más control respecto a dónde y cómo aparecen los botones de compartir en tu página web. Y, mejor aún, no hay necesidad de copiar y pegar código, ya que todo está controlado a través de nuestra plataforma y la configuración del plugin. Descargar e instalar  nuestro plugin en tu página de WordPress te llevará menos de cinco minutos. ¡Consulta el tutorial sobre cómo instalarlo y pruébalo hoy mismo! 

¿Cómo instalo los botones de compartir en mi sitio de WIX?

Para instalar nuestros botones de compartir en Wix solo tendrás que realizar unos sencillos pasos. Navegue hasta el la página de configuración para seleccionar tu preferencia de botones: Inline o Sticky. 

A continuación, seleccione los botones de compartir que desee. Puede personalizar su diseño eligiendo la alineación, el tamaño del botón, la llamada a la acción y el recuento de acciones. Una vez que el botón está listo para el diseño, haga clic en el "registro y obtener el código" para obtener el código del botón. Después de diseñar los botones de compartir, puede hacer clic en el botón "registrar y obtener el código" para obtener el código del botón de compartir. Copie el código en "Install ShareThis . js en su sitio Web. " A continuación, inicie sesión en su cuenta de Wix para introducir el código HTML en el cuadro de texto. 

Echa un vistazo a esta publicación de soporte para obtener más detalles sobre Cómo instalar botones de compartir en Wix

¿Cómo instalo los botones de compartir en mi sitio weebly?

Instalar botones de compartir en Weebly te llevará unos sencillos pasos. Navegue hasta la ventana de diálogo la página de configuración para seleccionar tu preferencia de botones: Inline o Sticky.

A continuación, seleccione los botones de compartir que desee. Después de diseñar los botones de compartir, puede hacer clic en el botón "registrar y obtener el código" para obtener el código del botón de compartir.  Una vez que el botón está listo para el diseño, haga clic en el "registro y obtener el código" para obtener el código del botón. Después de diseñar los botones de compartir, puede hacer clic en el botón "registrar y obtener el código" para obtener el código del botón de compartir. Copie el código en "Install ShareThis . js en su sitio Web. " A continuación, inicie sesión en su cuenta de weebly para introducir el código HTML en el cuadro de texto. 

¿Cómo puedo crear Botones de comaprtir Personalizados

¿Prefieres personalizar tus botones para compartir? ¡Gran! Nuestro código de uso compartido le permite crear botones personalizados desde cero. Nos encargaremos de compartir y contar para ti. 

Echa un vistazo a esta publicación de soporte para obtener más detalles sobre Cómo crear botones de compartir ShareThis personalizados

¿Por qué Instagram no está disponible como botón para compartir?

Actualmente, algunas plataformas de medios sociales (como Instagram o Tik Tok) restringen su API y, por lo tanto, no es posible compartir contenido a través de un punto final mediante una aplicación fuera de su entorno. Sin embargo, ofrecemos una Botón de seguir por Instagram, Botón de seguimiento de Tik Tok (y más!) que puedes añadir habilitando Botones de seguir.

Do I need an account to use share buttons on my website?

No. When no ShareThis account or property is provided, the script automatically initializes using anonymous mode.

Now all you need to do to use our share buttons is place this script in your website code:

Next, depending on what kind of share buttons you want use, you can simply place the following HTML where you want the buttons to show:


Notice the “data-type” attribute in the first div. It accepts two values “inline-share-buttons” or “sticky-share-buttons”

The value of the data-type attribute determines the button layout:

-inline-share-buttons renders buttons inline within page content.

-sticky-share-buttons renders floating buttons on the left or right side of the browser window.

Each <strong><span></strong> inside the container represents a social network, defined by its <strong>data-network</strong> attribute.

How do I add social media networks button to my share buttons?

To add a social media network button, place a element with a data-network attribute inside the ShareThis wrapper

The value of data-network must be the lowercase identifier of a supported social network.

Example wrapper:

Example network button:

You can include multiple elements inside the wrapper. The order of the elements determines the order in which the buttons appear.

Complete example:

Once added, the corresponding social network buttons will automatically render on your website.

What social media networks are supported?

The current list of supported social media networks you can place in your share buttons container code are:
‘facebook’
‘x’
’email’
‘whatsapp’
‘linkedin’
‘reddit’
‘tumblr’
‘diigo’
‘digg’
‘flipboard’
‘copy’
‘meneame’
‘fark’
‘facebook-messenger’
‘odnoklassniki’
‘sina-weibo’
‘vk’
‘blogger’
‘snapchat’
‘xing’
‘mail-ru’
‘livejournal’
‘pinterest-pin’
‘buffer’
‘douban’
‘evernote’
‘bookmarks’
‘gmail’
‘hackernews’
‘houzz’
‘instapaper’
‘line’
‘pocket’
‘print’
‘qzone’
‘iorbix’
‘kakao’
‘kindleit’
‘kooapp’
‘microsoftteams’
‘naver’
‘nextdoor’
‘outlook’
‘plurk’
‘pinboard’
‘tencentqq’
‘trello’
‘viber’
‘yummly’
‘diaspora’
‘surfingbird’
‘refind’
‘renren’
‘skype’
‘telegram’
‘threema’
‘yahoomail’
‘wordpress’
‘wechat’

How do I change the order of my social network share buttons?

You can change the order of your social network share buttons by reordering the <strong><span></strong> elements inside the ShareThis wrapper <strong><div></strong>.

The buttons will appear on your website in the same order as the <strong><span data-network></strong> elements in your HTML.

For example, if your buttons are initially ordered like this:

And you want Facebook to appear after LinkedIn, update the order like this:

After this change, the Facebook button will appear after the LinkedIn button.

How do I remove one of my social network share buttons?

To remove a social network share button, delete the corresponding <strong><span></strong> element with the matching <strong>data-network</strong> attribute from the ShareThis button container <strong><div></strong>.

For example, if your buttons are defined like this:

To remove the Facebook button, delete the <strong><span></strong> with <strong>data-network=”facebook”</strong>:

After removing the span, the Facebook share button will no longer appear on your website.

How do I change the size of my share buttons?

You can change the size of <strong>Inline Share Buttons</strong> by adding a <strong>data-size</strong> attribute to the ShareThis button container <strong><div></strong>.

There are three supported size values:

  • small (default)
  • medio
  • large

By default, inline share buttons use the small size.

Default container

Example: setting the buttons to large

After adding the data-size=”large” attribute, the inline share buttons will render in the large size.

The data-size attribute is only supported for inline share buttons.

How do I change the labels that show next to the social network icon in my share buttons?

You can change the labels shown next to each social network icon by adding a <strong>data-labels</strong> attribute to your share button container <strong><div></strong>.

This works for both inline share buttons and sticky share buttons.

There are three supported label options:

  • cta — shows a call-to-action label (for example: “Share”, “Tweet”)
  • counts — shows the share count next to each icon
  • none — hides labels and shows icons only

By default, share buttons use the cta label option.


Default container (inline or sticky)

O


Example: showing share counts as labels


Example: hiding labels (icons only)


Important notes

Any unsupported value will fall back to the default behavior

The data-labels attribute applies to both inline and sticky share buttons

Only the values cta, counts, and none are supported

How do I show share counts next to my social network share buttons?

By default, ShareThis buttons do not display the total share count for the current page.

To enable the total share count, add the <strong>data-show_total=”true”</strong> attribute to your share button container <strong><div></strong>.

This works for both inline share buttons and sticky share buttons.


Default container

O


Enable total share count


Result

Once data-show_total=”true” is added, the total number of shares for the current page will appear next to your share buttons.


Important notes

If the attribute is omitted or set to false, the total share count will not be shown

This setting shows the combined total share count, not individual network counts

The attribute works for both inline and sticky share buttons

How do I change the alignment and move my sticky floating share buttons from the left to the right side?

By default, sticky share buttons float on the left side of the user’s browser window.

To move your sticky share buttons to the right side, add the data-alignment attribute to your share button container and set its value to “right”.

Note: This setting only applies to sticky share buttons.


Default container


Move buttons to the right side


Result

After adding data-alignment=”right”, your sticky share buttons will float on the right side of the browser window instead of the left.


Available alignment options

data-alignment="right"

data-alignment="left" (default)

Plugins sociales

Nuestros plugins y aplicaciones CMS facilitan la integración de nuestras herramientas en su sitio web.

Valoración media de los usuarios


पटीर

जगदीश
2018-11-09

Herramienta impresionante

Esto me ayudó a hacer las cosas muy rápido
2018-11-15

Un Widget Excelente!

Gran herramienta,ShareThis! Gracias por inventar un producto impresionante para aumentar la productividad de una manera divertida e interactivamente interesante. Mantenga el impulso! Gracias!
2019-07-01

Gran Herramienta

El mejor servicio, la mejor herramienta, hizo mi trabajo tan fácil.
2019-09-03

Afiliado Comercializador

Para mí es una de mis nuevas herramientas en línea favoritas. Crear botones de compartir para sus blogs, páginas de aterrizaje y sitios web nunca ha sido tan fácil! Recomiendo al 100% para cualquiera que quiera compartir su conexión en línea. Y mejor aún, es completamente gratis ahora mismo. 😍
2019-11-29

Impresionante herramienta

https://sharethis.com/platform/share-buttons/
2020-07-17

Aplicación útil

De verdad, lo dije en serio.
2020-07-27

¡La mejor herramienta para compartir en la tierra!

Probé muchas herramientas para compartir de muchos desarrolladores, pero para ser honesto ShareThis es mucho mejor y el que funciona sin problemas. 1. Los botones se ven muy bien, simples y limpios, podemos personalizarlos. Y hay una opción de 100% de ancho para que responda en cualquier tamaño de pantalla. 2. Si cambias las opciones/configuraciones de los botones en tu cuenta, el botón de tu sitio web se actualizará automáticamente. 3. Los botones no son bloqueados por Adblock, por lo que aumentan la visibilidad en tu web. Gracias ShareThis
2020-10-02

Fácil aplicación, resultados óptimos

Le doy 5 estrellas a sharethis. Fue muy fácil de implementar y a mis usuarios les encanta. Sólo en el primer mes, mis artículos se compartieron casi 40 veces. Se lo recomiendo a todo el mundo.
2021-11-24

Herramienta fantástica

Tan fácil de añadir código para mostrar botones de compartir en mi sitio web.
2021-11-28

Año Nuevo 2022

5 estrellas
2022-01-19

Gran herramienta fácil de usar

Hace más de un año que tengo mi blog y, por alguna razón, aún no parecía "oficial", ¡hasta que conseguí sharethis! ¡Con sharethis en mi blog me siento más legítima y es más fácil para la gente a compartir mis entradas del blog a los demás que se expande el alcance de mi blog! ¡¡¡Yay!!! ¡Muchas gracias, sharethis!
2022-02-06

Gran herramienta

Tan fácil de usar
2022-04-08

Gran herramienta.

Fácil de aplicar, fácil de entender, un proceso muy sencillo en general.
2022-07-27

¡Me encanta!

Es muy fácil de configurar y me encantan las opciones de personalización.
2022-09-01

¡Me encanta!

\n\n

Next, depending on what kind of share buttons you want use, you can simply place the following HTML where you want the buttons to show:\n\n

\n
\n\n\n\n\n\n
\n\n\n

Notice the \"data-type\" attribute in the first div. It accepts two values \"inline-share-buttons\" or \"sticky-share-buttons\"

The value of the data-type attribute determines the button layout:

-inline-share-buttons renders buttons inline within page content.\n\n

-sticky-share-buttons renders floating buttons on the left or right side of the browser window.

Each inside the container represents a social network, defined by its data-network attribute.\n" } }, { "@type": "Question", "name": "How do I add social media networks button to my share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

To add a social media network button, place a element with a data-network attribute inside the ShareThis wrapper\n\n

The value of data-network must be the lowercase identifier of a supported social network.\n\n

Example wrapper:
\n\n

\n\n

Example network button:\n\n

\n\n

You can include multiple elements inside the wrapper. The order of the elements determines the order in which the buttons appear.\n\n

Complete example:\n\n

\n \n \n \n
\n\n

Once added, the corresponding social network buttons will automatically render on your website.\n" } }, { "@type": "Question", "name": "What social media networks are supported?", "acceptedAnswer": { "@type": "Answer", "text": "\n

The current list of supported social media networks you can place in your share buttons container code are:
'facebook'
'x'
'email'
'whatsapp'
'linkedin'
'reddit'
'tumblr'
'diigo'
'digg'
'flipboard'
'copy'
'meneame'
'fark'
'facebook-messenger'
'odnoklassniki'
'sina-weibo'
'vk'
'blogger'
'snapchat'
'xing'
'mail-ru'
'livejournal'
'pinterest-pin'
'buffer'
'douban'
'evernote'
'bookmarks'
'gmail'
'hackernews'
'houzz'
'instapaper'
'line'
'pocket'
'print'
'qzone'
'iorbix'
'kakao'
'kindleit'
'kooapp'
'microsoftteams'
'naver'
'nextdoor'
'outlook'
'plurk'
'pinboard'
'tencentqq'
'trello'
'viber'
'yummly'
'diaspora'
'surfingbird'
'refind'
'renren'
'skype'
'telegram'
'threema'
'yahoomail'
'wordpress'
'wechat'\n" } }, { "@type": "Question", "name": "How do I change the order of my social network share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

You can change the order of your social network share buttons by reordering the elements inside the ShareThis wrapper

.\n\n

The buttons will appear on your website in the same order as the elements in your HTML.\n\n

For example, if your buttons are initially ordered like this:\n\n

\n \n \n \n
\n\n

And you want Facebook to appear after LinkedIn, update the order like this:\n\n

\n \n \n \n
\n\n

After this change, the Facebook button will appear after the LinkedIn button.\n" } }, { "@type": "Question", "name": "How do I remove one of my social network share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

To remove a social network share button, delete the corresponding element with the matching data-network attribute from the ShareThis button container

.\n\n

For example, if your buttons are defined like this:\n\n

\n \n \n \n
\n\n

To remove the Facebook button, delete the with data-network=\"facebook\":\n\n

\n \n \n
\n\n

After removing the span, the Facebook share button will no longer appear on your website.\n" } }, { "@type": "Question", "name": "How do I change the size of my share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

You can change the size of Inline Share Buttons by adding a data-size attribute to the ShareThis button container

.\n\n

There are three supported size values:\n\n

    \n
  • small (default)\n\n\n\n
  • medium\n\n\n\n
  • large\n\n\n

    By default, inline share buttons use the small size.\n\n

    Default container\n\n
    \n\n

    Example: setting the buttons to large\n\n
    \n\n

    After adding the data-size=\"large\" attribute, the inline share buttons will render in the large size.\n\n

    The data-size attribute is only supported for inline share buttons.\n" } }, { "@type": "Question", "name": "How do I change the labels that show next to the social network icon in my share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

    You can change the labels shown next to each social network icon by adding a data-labels attribute to your share button container

    .\n\n

    This works for both inline share buttons and sticky share buttons.\n\n

    There are three supported label options:\n\n

      \n
    • cta \u2014 shows a call-to-action label (for example: \u201cShare\u201d, \u201cTweet\u201d)\n\n\n\n
    • counts \u2014 shows the share count next to each icon\n\n\n\n
    • none \u2014 hides labels and shows icons only\n\n\n

      By default, share buttons use the cta label option.\n\n


      \n\n

      Default container (inline or sticky)\n\n
      \n\n

      or\n\n

      \n\n
      \n\n

      Example: showing share counts as labels\n\n
      \n\n
      \n\n

      Example: hiding labels (icons only)\n\n
      \n\n
      \n\n

      Important notes\n\n

      Any unsupported value will fall back to the default behavior\n\n

      The data-labels attribute applies to both inline and sticky share buttons\n\n

      Only the values cta, counts, and none are supported\n" } }, { "@type": "Question", "name": "How do I show share counts next to my social network share buttons?", "acceptedAnswer": { "@type": "Answer", "text": "\n

      By default, ShareThis buttons do not display the total share count for the current page.\n\n

      To enable the total share count, add the data-show_total=\"true\" attribute to your share button container

      .\n\n

      This works for both inline share buttons and sticky share buttons.\n\n


      \n\n

      Default container\n\n
      \n\n

      or\n\n

      \n\n
      \n\n

      Enable total share count\n\n
      \n\n
      \n\n

      Result\n\n

      Once data-show_total=\"true\" is added, the total number of shares for the current page will appear next to your share buttons.\n\n


      \n\n

      Important notes\n\n

      If the attribute is omitted or set to false, the total share count will not be shown\n\n

      This setting shows the combined total share count, not individual network counts\n\n

      The attribute works for both inline and sticky share buttons\n" } }, { "@type": "Question", "name": "How do I change the alignment and move my sticky floating share buttons from the left to the right side?", "acceptedAnswer": { "@type": "Answer", "text": "\n

      By default, sticky share buttons float on the left side of the user\u2019s browser window.\n\n

      To move your sticky share buttons to the right side, add the data-alignment attribute to your share button container and set its value to \"right\".\n\n

      \n

      Note: This setting only applies to sticky share buttons.\n\n\n


      \n\n

      Default container\n\n
      \n\n\n
      \n\n

      Move buttons to the right side\n\n
      \n\n\n
      \n\n

      Result\n\n

      After adding data-alignment=\"right\", your sticky share buttons will float on the right side of the browser window instead of the left.\n\n


      \n\n

      Available alignment options\n\n

      data-alignment=\"right\"
      \n\n

      data-alignment=\"left\" (default)\n" } } ] }