Add Comments to Shopify Sites
Com o FastComments podemos adicionar facilmente comentários em tempo real a qualquer site do Shopify.
As instruções abaixo são para um blog criado no Shopify, mas o código de incorporação também pode ser adicionado manualmente a qualquer página editando outros arquivos do tema. O suporte do FastComments também pode ajudar com isso.
Observe que este tutorial requer uma conta do FastComments. Recomenda-se que você crie uma conta primeiro e depois retorne aqui. Você pode criar uma conta aqui.
Passo 1: Importar comentários existentes 
FastComments pode executar uma ferramenta no seu blog para importar seus comentários existentes. No entanto, isso deve ser feito antes de você desativá-los no Passo 2, caso contrário eles não estarão disponíveis quando executarmos a ferramenta.
Por favor crie um ticket de suporte para esta etapa. Normalmente a importação é concluída em menos de um dia.
Se você não se importa em manter seus comentários existentes, passe para o Passo 2.
Passo 2: Desativar o sistema de comentários padrão
O primeiro passo para usar o FastComments com o Shopify é desativar o sistema do Shopify.
Observação O Suporte do FastComments pode ajudá-lo a migrar os tópicos de comentários existentes.
Para substituir o sistema de comentários do Shopify, vamos ao painel da loja e clicar em Blog posts no canto inferior esquerdo:
Then we will click Manage blogs in the top right:
Click on the blog we want to manage. If it says Comments are disabled you can skip this step and move to Step Two.
If not, select the blog and ensure Comments are disabled is selected in the right panel:
Now click save.
Passo 3: Abrir o modelo de tema do blog
Agora vamos editar o tema da nossa loja para adicionar o FastComments.
No painel à esquerda, abra Themes:
Em Current theme, selecione Actions e então Edit code:
Isso abrirá um editor de código, com um navegador de arquivos à esquerda e o código à direita.
Tudo o que precisamos fazer é copiar um pequeno trecho de código que adiciona o FastComments e colá-lo na linha correta do arquivo correto.
No navegador de arquivos à esquerda, role para baixo e clique Sections:
Agora vamos rolar para baixo e selecionar main-article.liquid:
Isso abrirá o theme template usado para renderizar um único artigo do blog.
Você deverá ver algo semelhante ao seguinte, com main-article.liquid selecionado no topo:
Passo 4: Adicionar o código do FastComments.com
Em seguida, vamos rolar até a linha 100:
Agora copie o trecho de código a seguir, projetado especificamente para Shopify - não use trechos de código de outros tutoriais:
Agora posicione o cursor na linha 101 - logo após o </div> - e cole. Você deverá ver algo assim:
Agora podemos salvar:
Sucesso
Agora, ao visualizar uma postagem do blog, devemos ver o FastComments!
Parabéns por configurar o FastComments com o Shopify! Se você encontrou um Domain Error, ou gostaria de aprender como personalizar a área de comentários, continue lendo!
Erros de domínio
Você pode receber um erro de autorização, como o seguinte:
Isso acontece porque o FastComments não sabe que deve permitir que sua conta seja usada neste domínio.
Nesse caso, a correção é simples. Você só precisa adicionar seu site à sua conta do FastComments.com.
Vá aqui para adicionar seu site à sua conta.
Personalização
FastComments foi projetado para ser personalizado para se adequar ao seu site.
Se você quiser adicionar estilos personalizados, ou ajustar a configuração, Confira nossa Documentação de Personalização para saber como.