Add Comments to Weebly Sites

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

Once ready, we can go ahead and open the Weebly editor, and click Settings at the top.

Abrir Configuración

Now let's open the settings for our blog by going to Blog on the left:

Abrir configuración del blog

Now what we need to do is disable the default Weebly comment system, which we will replace.

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

Now let's set the Commenting system to Default and Comment Default to Closed:

Desactivar el sistema predeterminado

Next we just have to add the FastComments.com widget code!

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.