FastComments.com

Menu Icon

Idioma 🇪🇸 Español
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Instalación en sitios de Hostinger

Paso 1: Añadir widget de código
Paso 2: Añadir el código
Éxito
Errores de dominio del sitio
Personalización del sitio

Me gusta flotantes en Hostinger

Botón flotante de Me gusta

Add Live Commenting to Hostinger Sites

Primero, tenga en cuenta que este tutorial solo se aplica al Hostinger Website Builder.

Si está usando Hostinger con WordPress, puede simplemente instalar nuestro WordPress Plugin que tiene sus propias instrucciones.

Este tutorial continuará con instrucciones para el Website Builder.

Paso 1: Añadir widget de código Internal Link

Primero, abre tu sitio en el Website Builder.

Ahora, si aún no tienes una sección donde quieras que vayan los comentarios, añade una sección en blanco:

Agregar una sección
Agregar una sección
Agregar una sección
Agregar una sección

Ahora añade el widget Hostinger Embed haciendo clic en nuestra nueva sección y pulsando Add element en la parte superior y luego Embed code:

Código incrustado
Código incrustado

Obtendrás algo como esto:

Sección de código añadida
Sección de código añadida

Ahora estamos listos para Step 2.

Paso 2: Añadir el código Internal Link

Ahora vamos a añadir el código de nuestro widget.

Copia el código a continuación. Asegúrate de haber iniciado sesión en fastcomments.com y recarga esta página si no lo estás, para que el código se rellene con la información de tu cuenta; de lo contrario mostrará el código de demostración.

Ahora copiemos el código:

Código de comentarios de Hostinger
Copy Copy
1
2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 window.fcConfigs = [{
6 target: '#fastcomments-widget',
7 tenantId: "demo",
8 pageTitle: window.parent.document.title,
9 urlId: window.parent.location.href,
10 url: window.parent.location.href
11 }];
12</script>
13

Ahora volvamos al constructor del sitio y haz clic en Enter code:

Introducir código
Introducir código

¡Nota!

Es importante que uses el código anterior y no los fragmentos de código de otra documentación, ya que este fragmento ha sido creado específicamente para Hostinger.

Deberías ver ahora algo similar a lo siguiente, que aparece en blanco. Esto es normal. Mueve el ratón sobre el área donde debería aparecer el widget:

Widget de código añadido
Widget de código añadido

Ahora arrastra el widget hasta el tamaño deseado; verás que aparece:

Ajusta su tamaño
Ajusta su tamaño

...¡y ahora previsualiza y guarda!

Éxito Internal Link

¡Eso es todo! Ahora deberías tener los comentarios en vivo añadidos a tu sitio de Hostinger.

Éxito
Éxito

Si te has encontrado con un error de permiso denegado, o si deseas personalizar FastComments, sigue leyendo.

Errores de dominio del sitio Internal Link

Es posible que reciba un error de autorización, como el siguiente:

Falta la configuración del dominio
Falta la configuración del dominio

Esto se debe a que FastComments no sabe que debe permitir que su cuenta se use en este dominio.

En este caso, la solución es sencilla. Solo tiene que añadir su sitio a su cuenta de FastComments.com.

Haga clic aquí para añadir su sitio a su cuenta.

¡Ahora debería tener comentarios en vivo y rápidos añadidos a su sitio!

Personalización del sitio Internal Link

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 saber cómo.

Botón flotante de Me gusta Internal Link

FastComments también admite el widget Page Reacts (también conocido como botón Me gusta flotante) para Hostinger.

¡Puedes verlo en acción en la esquina inferior derecha de esta página!

¡Nota!

Estas instrucciones son para el Site Builder de Hostinger. Si estás usando Hostinger WordPress, simplemente toma el código a continuación y añádelo a tu sitio WordPress usando WPCode, que es un complemento gratuito y sencillo para añadir pequeños fragmentos de código a tu sitio.

  1. Primero, toma el código:
Código del botón Me gusta flotante de Hostinger
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
3<div id="fastcomments-page-likes-floating"></div>
4<script>
5 (function () {
6 function tryLoad() {
7 if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
8 window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
9 tenantId: "demo"
10 });
11 } else {
12 setTimeout(tryLoad, 50);
13 }
14 }
15
16 tryLoad();
17 })();
18</script>
19
  1. Luego, en Hostinger, abre el Site Builder.
  2. Ve a Ajustes del sitio web en la parte inferior izquierda.
  3. Selecciona Integraciones.
  4. Añade el nuevo código al final del campo Custom code, y publica tu sitio.
  5. No verás el widget en el modo de vista previa, pero aparecerá en la versión publicada del sitio.
Contribuir a esta guía