Add Comments to Squarespace Sites

En esta sección aprenderemos cómo añadir comentarios en vivo a tu blog de Squarespace.

Solo tendrás que añadir el código una vez y el widget se añadirá automáticamente a cualquier entrada de blog existente, y cualquier entrada de blog que crees en el futuro.

Los hilos de comentarios serán únicos para cada entrada del blog.

Comenzaremos abriendo Páginas en la parte izquierda del Editor:

Abrir Páginas

En la parte inferior debería ver Blog con un icono de engranaje a la derecha. Haga clic en el engranaje para abrir la configuración del blog:

Abrir configuración del blog

Ahora iremos a Advanced y luego a Post Blog Item Code Injection:

Abrir configuración de código del elemento del blog

Debería ver un área de código en blanco como la siguiente:

Área de código vacía

Ahora podemos copiar el siguiente fragmento de código (usa el botón de copiar en la esquina superior derecha del fragmento):

Código de comentarios del blog de Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // tu ID de cuenta

7

8 function tryLoad() {

9 // intentar cargar para diferentes diseños

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...luego pega en el área de código y haz clic en guardar:

Pegar y Guardar

¡Éxito! Ahora deberías ver el widget de comentarios de FastComments en todas tus entradas del blog.

¡Éxito!

¡Felicidades por configurar FastComments en Squarespace! Si has tenido un error de dominio, o te gustaría aprender cómo personalizar el área de comentarios, sigue leyendo!

En esta sección aprenderemos cómo añadir comentarios en vivo a todas las páginas de tu sitio de Squarespace.

Solo tendrás que añadir el código una vez y el widget se añadirá automáticamente a cualquier página existente, y a cualquier página que crees en el futuro.

Los hilos de comentarios serán únicos para cada página.

Comenzaremos abriendo Configuración en la izquierda, en el Editor:

Abrir Configuración

En la parte inferior debería ver Developer Tools. Haga clic en esto:

Abrir Herramientas de Desarrollador

Ahora iremos a Code Injection:

Abrir Inyección de Código

Ahora debería ver dos áreas donde podemos agregar código, una etiquetada HEADER y otra etiquetada FOOTER. Añadiremos nuestro código en el área FOOTER:

Área de Pie de Página Vacía

En el siguiente paso copiaremos nuestro código y lo añadiremos.

Ahora podemos copiar el siguiente fragmento de código. Use el botón de copiar que aparece en la esquina superior derecha del fragmento.

Hay algunas cosas que puede configurar en el código; vea las líneas 4 a 7.

Código de comentarios para todas las páginas de Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // su ID de cuenta

7

8 function tryLoad() {

9 // intentar cargar para distintos diseños

10 let targetDiv = document.querySelector('.blog-item-comments-content');

11 if (!targetDiv) {

12 targetDiv = document.getElementById('fastcomments-widget');

13 }

14 window.FastCommentsUI(targetDiv, {

15 tenantId

16 });

17 }

18

19 tryLoad();

20 })();

21</script>

22

23

...luego pegue en el área de código y haga clic en guardar. Debería verse así, con el código en el bloque FOOTER:

Pegar y guardar

Si tiene problemas, asegúrese de que cerca de la parte inferior no ponga "tenantId": "demo". Debería mostrar su tenant id si ha iniciado sesión. Si no, póngase en contacto con el soporte.

¡Éxito! Ahora deberías ver el widget de comentarios de FastComments en todas tus páginas.

¡Felicidades por configurar FastComments con Squarespace! Si te has encontrado con un Error de Dominio, o te gustaría aprender cómo personalizar el área de comentarios, sigue leyendo.

En esta sección aprenderemos cómo añadir comentarios en vivo a una página específica de tu sitio de Squarespace.

Con este enfoque tendrás que añadir el código a cada página en la que quieras añadir el widget de comentarios.

Los hilos de comentarios serán únicos para cada página.

Al añadir el widget de comentarios a una página específica, tenemos un poco más de control.

Podemos añadir el widget exactamente donde queramos, que es lo que haremos en este tutorial, añadiendo un bloque de código personalizado.

Primero, abre la página a la que quieres añadir comentarios y haz clic en editar en la esquina superior izquierda.

En este ejemplo vamos a añadir una sección específicamente para los comentarios, pero podrías añadirlos a una sección existente en la página.

Vamos a añadir nuestra sección:

Añadir sección

Vamos a añadir una sección en blanco:

Añadir sección en blanco

Verás que se añade un área grande en blanco. Haz clic en ADD BLOCK en la esquina superior izquierda:

Añadir bloque

Desplázate hacia abajo hasta que encuentres la opción Code y haz clic en ella:

Seleccionar widget de código

Coloca tu bloque de código en la posición en la que quieres que se ubique el widget de comentarios:

Posición

Edita el bloque de código:

Editar el bloque de código

En el siguiente paso copiaremos nuestro código y lo añadiremos.

Ahora podemos copiar el siguiente fragmento de código. Usa el botón de copiar que aparece en la esquina superior derecha del fragmento.

Hay algunas cosas que puedes configurar en el código, consulta las líneas 4 a 7.

Código de página única de Squarespace

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 const tenantId = 'demo'; // tu id de cuenta

7

8 function tryLoad() {

9 window.FastCommentsUI(document.getElementById('fastcomments-widget'), {

10 tenantId

11 });

12 }

13

14 tryLoad();

15 })();

16</script>

17

18

Debería verse así:

Pegar y guardar

Ahora haz clic en Guardar en la esquina superior derecha.

Ten en cuenta que la opción Preview in Safe Mode no funcionará, pero el widget aparecerá cuando visites tu sitio.

Si tienes problemas, asegúrate de que en la parte inferior no diga "tenantId": "demo". Debería mostrar tu tenant id si has iniciado sesión. Si no, contacta con el soporte.

¡Éxito! Ahora deberías ver el widget de comentarios de FastComments en tu página.

¡Felicidades por configurar FastComments con Squarespace! Si te has encontrado con un Error de Dominio, o te gustaría aprender cómo personalizar el área de comentarios, sigue leyendo!

FastComments está diseñado para personalizarse y adaptarse a tu sitio.

Si deseas añadir estilos personalizados o ajustar la configuración, Consulta nuestra documentación de personalización para aprender cómo.