> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Agregar un bloque para compartir en redes sociales

> Aprendan a agregar un botón a sus landing pages y páginas de sitio web para compartir en sus plataformas sociales (por ejemplo, Twitter, Facebook, LinkedIn), enviar por correo electrónico, o copiar el enlace para compartirlo donde quieran.

## ¿Qué es un bloque para compartir en redes sociales?

Con el bloque para compartir en redes sociales, los visitantes de su página pueden compartirla con sus amigos y seguidores enviando directamente el enlace de su página a sus plataformas sociales (por ejemplo, Twitter, Facebook, LinkedIn), como correo electrónico, o copiando el enlace para compartirlo donde quieran.

<Note>
  **Nota:**

  Aprovechen el bloque para compartir en redes sociales en sus landing pages, páginas del sitio web e incluso en sus páginas de boletín. Con este bloque, pueden facilitar que los visitantes de su sitio web compartan su contenido con amigos y familiares para ampliar su alcance.
</Note>

***

## Cómo agregar un bloque para compartir en redes sociales

### Para agregar un bloque para compartir en redes sociales a su página:

* Abran la pestaña **Website** desde el Dashboard.
* Seleccionen **Website Pages** o **Landing Pages**.
* Abran el editor de páginas de su página. [Aprendan más](../../website/pages/how-to-get-to-the-page-editor)
* En el panel lateral, hagan clic en la sección que quieren editar o [creen una nueva sección](../../website/pages/add-sections-to-your-pages).
  *Consejo: agreguen el bloque para compartir en redes sociales a su encabezado para maximizar su potencial. Solo asegúrense de actualizar la plantilla de su página a la versión más reciente para habilitar el acceso al bloque para compartir en redes sociales.*
* En la barra lateral, hagan clic en **Add Content**.
* En la lista, seleccionen **Social Share**.
* Su nuevo bloque para compartir en redes sociales se generará al final de la sección.
* Hagan clic en **Save** para guardar sus cambios:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/zlojvjd5ut" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Cómo personalizar un bloque para compartir en redes sociales

En un bloque para compartir en redes sociales, personalicen:

* [Ancho del bloque](../../website/pages/how-to-customize-the-block-width)
* Texto
* Acción del botón
* Comportamiento
* Color de fondo del botón
* Ancho del botón
* Estilo del botón
* Tamaño del botón
* Radio del borde
* Configuración del bloque

### Texto

Ingresen su texto personalizado para mostrar en su botón para compartir en redes sociales. Aprovechen esta oportunidad para comunicarle a sus usuarios qué hará el botón.

### Color de fondo del botón

Hagan clic en **Button background color** para seleccionar un color de la paleta de colores de su sitio.

Si prefieren usar un color personalizado, hagan clic en la rueda de color y luego ingresen su código de color RGB o usen los deslizadores para elegir su color.

* La **barra vertical** les permite seleccionar el tono.
* El **cuadro** les permite seleccionar el brillo.
* La **barra horizontal** les permite seleccionar la opacidad de su color.

### Color del texto del botón

Complementen el color de fondo de su botón con un color de texto de botón diferente.

<Note>
  **Nota:**

  El color del texto del botón es solo para botones sólidos.
</Note>

Hagan clic en **Button Text Color** para seleccionar un color de la paleta de colores de su sitio.

Si prefieren usar un color personalizado, hagan clic en la rueda de color y luego ingresen su código de color RGB o usen los deslizadores para elegir su color.

* El **cuadro** les permite ajustar el brillo y la saturación de su color.
* La **barra horizontal de arcoíris** les permite seleccionar el tono.
* La **barra horizontal de degradado** les permite seleccionar la opacidad de su color.

### Ancho del botón

Ajusten el ancho de su botón:

* Full: llena el ancho del área del botón
* Auto: ajusta automáticamente el ancho para adaptarse al texto

### Estilo del botón

Cambien el estilo del botón para que se muestre:

* Un botón de color sólido
* El contorno de su color de fondo del botón

### Tamaño del botón

Ajusten el tamaño de su botón para compartir en redes sociales:

* Pequeño
* Mediano
* Grande

Cambiar el tamaño de su bloque para compartir en redes sociales cambiará tanto el fondo del botón como el tamaño del texto.

### Radio del borde

Personalicen su bloque para compartir en redes sociales para que se vea más redondeado o cuadrado.

Si están personalizando un bloque para compartir en redes sociales en su página web estándar, ingresen el valor deseado (hasta 50) para personalizar la apariencia de los botones individuales.

***

## Configuración del bloque

Para ajustar la apariencia del bloque, configuren sus ajustes de bloque personalizando:

* [Fondo](../../website/pages/customizing-block-background-settings)
* [Diseño de escritorio y móvil](../../website/pages/customizing-block-layout-settings)
* [Animaciones](../../website/pages/customizing-block-animations)
* [Revelación por tiempo](../../website/pages/customizing-time-reveal-settings)