> ## 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.

# Agrega un botón "Me gusta" de Facebook a las entradas de blog

> Conecta a los visitantes del blog con tus redes sociales agregando un botón "Me gusta" de Facebook.

## Descripción general

Agregar un botón "Me gusta" de Facebook a tu blog es una excelente manera de conectar a tus miembros con tus redes sociales. Con un solo clic, tus miembros pueden dar "Me gusta" a tu página de blog.

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

<Note>
  **Nota:** Agregar un botón "Me gusta" de Facebook requiere acceso al editor de código, disponible solo con el plan Kajabi Pro. Consulta [kajabi.com/pricing](https://kajabi.com/pricing) para más detalles.
</Note>

## Paso 1. Copia el código del botón "Me gusta" de Facebook

1. Genera el código del botón "Me gusta" desde la página de desarrolladores de Facebook: [https://developers.facebook.com/docs/plugins/like-button](https://developers.facebook.com/docs/plugins/like-button)
2. Copia la URL de una de tus **entradas de blog**.
3. Pégala en el campo **URL to Like** en el configurador del botón "Me gusta".
4. Haz clic en el botón **Get Code**:

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

Después de generar el código, copia el primer fragmento de código provisto en la ventana emergente:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/f192ec83_42475239696667.png" alt="Fragmento de código" />

## Paso 2. Pega el primer fragmento de código en la plantilla del sitio web

Pega este código en el código de la plantilla del sitio web:

1. Abre la pestaña **Website** desde el Dashboard.
2. Haz clic en la pestaña **Pages**.
3. Ubica la página **Blog Post** en la lista de páginas web.
4. Abre el ícono `…`.
5. Haz clic en **Modify Code**.
6. Abre la carpeta `Layouts`.
7. Selecciona el archivo `theme.liquid`.
8. Pega el código justo después de la etiqueta de apertura `body`:

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

## Paso 3. Pega el segundo fragmento en la plantilla del sitio web

Por último, pega el segundo fragmento de código:

1. Copia el segundo fragmento de código provisto en la ventana emergente.
2. Abre la carpeta `Sections`.
3. Abre el archivo `blog_post_body.liquid`.
4. Desplázate hasta el final de la página y pega el código.
5. Haz clic en **Save**:

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

Haz clic en **Preview** y ve a una entrada de blog para previsualizar tu botón "Me gusta" de Facebook.
