Agregar Comentarios a Sitios Weebly

Primero, asegúrate de tener algunas entradas de blog añadidas a tu sitio para ver los resultados de este tutorial.

Una vez listo, podemos continuar y abrir el editor de Weebly, y hacer clic en Settings en la parte superior.

Abrir Configuración

Ahora abramos la configuración de nuestro blog yendo a Blog a la izquierda:

Abrir Configuración del Blog

Ahora lo que debemos hacer es deshabilitar el sistema de comentarios predeterminado de Weebly, que reemplazaremos.

Nota si deseas migrar los comentarios existentes de tu sitio Weebly a FastComments, tu representante de soporte puede ayudar con esta migración.

Ahora configuremos Commenting system a Default y Comment Default a Closed:

Deshabilitar El Sistema Predeterminado

¡A continuación solo tenemos que añadir el código del widget de FastComments.com!

Para que la integración entre Weebly y FastComments funcione correctamente, debemos agregar dos pequeños fragmentos de código.

El primer fragmento sirve para ocultar el mensaje de Weebly "Comments are Closed", y el segundo es para cargar FastComments.

Primero, copia este pequeño fragmento de código:

Fragmento de código de encabezado de FastComments

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

Luego, en la misma página de configuración de Step One, haz clic en el + junto a Post header code.

Abrir código de encabezado de la entrada

Deberías ver que se abre un cuadro de texto así:

Código del encabezado de la entrada abierto

Ahora vamos a pegar nuestro fragmento de código:

Fragmento de código de encabezado pegado

A continuación está el código de pie de página para habilitar FastComments. Haz clic en el signo más junto a Post footer code:

Abrir código de pie de página de la entrada

Copia este fragmento de código que está diseñado específicamente para Weebly:

Fragmento de código de pie de página de FastComments

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 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // eliminar el botón de mostrar comentarios

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

Ahora pega nuestro código de pie de página:

Código de pie de página de la entrada agregado

¡Eso es todo!

¡Ahora solo tenemos que guardar nuestros cambios y publicar nuestro sitio!

Guardar y Publicar

¡Éxito! Si visitas tu sitio, ahora deberías tener FastComments Live Commenting habilitado:

Éxito

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

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