Add Comments to Ionos Sites

Primero, vamos a añadir un formulario de contacto que FastComments reemplazará.

Para ello, abra el editor del sitio y haga clic en Add Section en la página deseada.

Luego, vaya a Content -> Contact -> Contact Form en la izquierda, como se muestra:

Añadir formulario de contacto

A continuación, debemos indicar a FastComments que reemplace nuestro formulario. Haga clic en el título predeterminado del formulario:

Establecer título del formulario

Estableceremos el título en FastComments Goes Here. Es muy importante que las mayúsculas y los espacios sean exactamente iguales, de lo contrario no funcionará, por lo que recomendamos copiar y pegar este texto.

Cuando haya terminado, debería aparecer de la siguiente manera:

Título establecido

¡Eso es todo para el paso uno!

A continuación vamos a añadir el código del widget FastComments a su sitio. Este código buscará todos los formularios con el título FastComments Goes Here y los reemplazará por FastComments.

Así que vamos a Settings en la esquina inferior izquierda del editor del sitio:

Abrir Configuración

Abra la sección Custom Head Code:

Abrir Custom Head Code

Para Ionos necesitamos una versión especial del código del widget FastComments. Los fragmentos de código de otros tutoriales no funcionarán.

Ahora copie el siguiente código:

Fragmento de FastComments para Ionos

Copy

1

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

3<script>

4 (function () {

5 let loaded = false;

6 let interval = null;

7

8 function attemptLoad() {

9 const nodes = document.querySelectorAll('h2');

10

11 nodes.forEach(function (node) {

12 if (node.innerText && node.innerText.trim() === 'FastComments Goes Here') {

13 // obtenemos el elemento que no ocupa todo el ancho

14 const target = node.parentNode.parentNode.parentNode.parentNode.parentNode;

15 target.innerHTML = '';

16 FastCommentsUI(target, {

17 tenantId: "demo"

18 });

19 interval && clearInterval(interval);

20 loaded = true;

21 }

22 });

23 }

24

25 attemptLoad();

26 if (!loaded) {

27 interval = setInterval(attemptLoad, 300);

28 }

29 })();

30</script>

31

...y pégalo como se muestra:

Pegar y guardar

Ahora solo nos queda publicar nuestro sitio y hemos terminado.

Vuelve al editor de contenido haciendo clic en Content en la esquina superior izquierda:

Volver a Content

¡Ahora podemos publicar!

Publish!

¡Eso es todo! FastComments debería estar activo en tu sitio. Deberías ver algo similar a esto:

Done!

¡Buen trabajo! Has añadido comentarios en vivo a tu sitio de Ionos.

Si te has encontrado con un error de permiso denegado, o te gustaría personalizar FastComments, sigue leyendo.

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

Si desea añadir estilos personalizados, o ajustar la configuración, Consulte nuestra documentación de personalización para saber cómo.