Add Comments to Shopify Sites
Con FastComments podemos añadir fácilmente comentarios en vivo a cualquier sitio de Shopify.
Las instrucciones a continuación son para un blog construido en Shopify, pero el código de inserción también puede añadirse manualmente a cualquier página editando otros archivos del tema. El soporte de FastComments también puede ayudar con esto.
Tenga en cuenta que este tutorial requiere una cuenta de FastComments. Se recomienda que se registre primero y luego vuelva aquí. Puede crear una cuenta aquí.
Paso 1: Importar comentarios existentes 
FastComments puede ejecutar una herramienta en tu blog para importar tus comentarios existentes. Sin embargo, esto debe hacerse antes de que los desactives en el paso 2, de lo contrario no estarán disponibles cuando ejecutemos la herramienta.
Por favor crea un ticket de soporte para este paso. Normalmente la importación se completa en menos de un día.
Si no te importa mantener tus comentarios existentes, continúa con el Paso 2.
Paso 2: Desactivar el sistema de comentarios predeterminado
El primer paso para usar FastComments con Shopify es desactivar el sistema de Shopify.
Nota FastComments Support puede asistirte en la migración de los hilos de comentarios existentes.
Para reemplazar el sistema de comentarios de Shopify, iremos al panel de control de la tienda y haremos clic en Blog posts en la esquina inferior izquierda:
A continuación haremos clic en Manage blogs en la esquina superior derecha:
Haz clic en el blog que quieres gestionar. Si aparece Comments are disabled puedes omitir este paso y pasar a Step Two.
Si no, selecciona el blog y asegúrate de que Comments are disabled esté seleccionado en el panel derecho:
Ahora haz clic en guardar.
Paso 3: Abrir la plantilla del tema del blog
Ahora vamos a editar el tema de nuestra tienda para añadir FastComments.
En el panel izquierdo, abre Themes:
Bajo Current theme, selecciona Actions y luego Edit code:
Esto abrirá un editor de código, con un explorador de archivos a la izquierda y el código a la derecha.
Todo lo que tenemos que hacer es copiar un pequeño fragmento de código que añade FastComments y pegarlo en la línea correcta del archivo correcto.
En el explorador de archivos a la izquierda, desplázate hacia abajo y haz clic en Sections:
Ahora vamos a desplazarnos hacia abajo y seleccionar main-article.liquid:
Esto abrirá la plantilla de tema utilizada para renderizar un solo artículo del blog.
Deberías ver ahora algo similar a lo siguiente, con main-article.liquid seleccionado en la parte superior:
Paso 4: Agregar el código de FastComments.com
A continuación vamos a desplazarnos hasta la línea 100:
Ahora copie el siguiente fragmento de código, que está diseñado específicamente para Shopify - no utilice fragmentos de código de otros tutoriales:
Ahora queremos colocar nuestro cursor en line 101 - justo después del </div> - y pegar. Debería tener algo como esto:
Ahora podemos guardar:
Éxito
¡Ahora, si vemos una entrada del blog, deberíamos ver FastComments!
¡Felicidades por configurar FastComments con Shopify! Si te has encontrado con un Domain Error, o te gustaría aprender cómo personalizar el área de comentarios, sigue leyendo!
Errores de dominio
Puede recibir un error de autorización, como el siguiente:
Esto se debe a que FastComments no sabe que debe permitir que su cuenta se utilice en este dominio.
En este caso, la solución es simple. Solo tiene que agregar su sitio a su cuenta de FastComments.com.
Vaya aquí para agregar su sitio a su cuenta.
Personalización
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.