> ## 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 comentarios de Facebook a una página

> Aprendan a agregar comentarios de Facebook a sus páginas con el bloque de código personalizado.

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

<Note>
  **Nota:** este artículo se refiere a páginas creadas con Kajabi Pages o Website Builder. Si están usando la plantilla heredada de Premier, consulten la guía enlazada [aquí](../../website/blog/how-to-add-facebook-comments-to-your-blog-posts-with-the-legacy-template).
</Note>

***

## Paso 1. Obtengan el código de comentarios de Facebook

Para agregar comentarios de Facebook a su landing page, inicien sesión en su cuenta de Facebook y sigan [este enlace](https://developers.facebook.com/docs/plugins/comments) para configurar y generar fragmentos HTML para el plugin de comentarios de Facebook:

* Copien y peguen la URL de su landing page en el campo de URL del generador de código del plugin de comentarios.
* Ingresen la cantidad de publicaciones (o comentarios) que quieren mostrar en la página.
* Hagan clic en **GET CODE**:

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

<Tip>
  **Consejo:** mantengan dos pestañas abiertas en su navegador, una para su página de Kajabi y otra para el generador de código del plugin de comentarios de Facebook, para cambiar fácilmente entre ambas durante el proceso de agregar comentarios de Facebook a su página.
</Tip>

***

## Paso 2. Agreguen un bloque de código personalizado

Después de generar su código de comentarios de Facebook, abran una pestaña nueva en su cuenta de Kajabi para personalizar la página donde quieren agregar los comentarios de Facebook:

* Abran la pestaña **Website** desde el Dashboard.
* Hagan clic en la pestaña **Pages**.
* Seleccionen la pestaña **Landing**.
* Abran el editor de páginas de su página. [Aprendan más](/es/articles/website/pages/how-to-get-to-the-page-editor)
* En la barra lateral, hagan clic en **Add Section**.
* Busquen **Custom Code** y hagan clic en **Add**.
* Hagan clic en **Custom Code** en la barra lateral para abrir el editor de bloque:

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

***

## Paso 3. Peguen su código de comentarios de Facebook en Kajabi

<Warning>
  **Importante:** introducir código personalizado en su sitio puede exponerlos a vulnerabilidades y posibles ataques de malware. Les recomendamos usar herramientas de detección de vulnerabilidades como [VirusTotal](https://www.virustotal.com/gui/home/url) o [Snyk](https://snyk.io/) para escanear cualquier código personalizado que planeen usar, y aplicar ciertas [buenas prácticas](../../website/domains/code-based-customizations) para ayudar a reducir el impacto potencial.
</Warning>

Regresen al generador de código del plugin de comentarios de Facebook para copiar cada fragmento de código e ingresarlo en su página:

* Primero, copien el primer fragmento de código del generador de código.
* Regresen a su página de Kajabi y peguen el fragmento de código en el bloque de código personalizado.
* Presionen la tecla **Enter/Return** para crear un espacio entre el primer fragmento de código y el segundo.
* Luego, regresen al generador de código del plugin de comentarios y copien el segundo fragmento de código.
* Finalmente, regresen a su página de Kajabi una vez más y peguen el segundo fragmento de código justo debajo del primero en el bloque de código personalizado.
* Hagan clic en **Save** para guardar sus cambios:

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

***

## Paso 4. Previsualicen su página

Previsualicen su página para verificar que sus comentarios de Facebook se muestren correctamente:

* En su página, vayan a la esquina superior derecha de su panel lateral.
* Hagan clic en el ícono **Launch Preview**:

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

<Note>
  **Nota:** su código personalizado se generará al final de su página. Para reorganizarlo, simplemente hagan clic y arrastren la sección en el panel lateral hasta la ubicación que deseen. Aprendan a [reorganizar sus secciones](/es/articles/website/pages/editing-sections-on-your-page) para más detalles.
</Note>