FastComments.com

Menu Icon

Idioma 🇧🇷 Português (Brasil)
🇺🇸 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

Instalação em Sites Hostinger

Passo 1: Adicionar o Widget de Código
Passo 2: Adicionar o Código
Sucesso
Erros de Domínio do Site
Personalização do Site

Curtidas Flutuantes no Hostinger

Botão de Curtidas Flutuante

Add Live Commenting to Hostinger Sites

Primeiro, observe que este tutorial se aplica apenas ao Hostinger Website Builder.

Se você estiver usando Hostinger com WordPress, pode simplesmente instalar nosso WordPress Plugin que possui suas próprias instruções.

Este tutorial continuará com instruções para o Website Builder.

Passo 1: Adicionar o Widget de Código Internal Link

Primeiro, abra seu site no Construtor de Sites.

Agora, se você ainda não tiver uma seção onde deseja que os comentários fiquem, adicione uma seção em branco:

Adicionando uma Seção
Adicionando uma Seção
Adicionando uma Seção
Adicionando uma Seção

Agora adicione o widget Hostinger Embed clicando em nossa nova seção e clicando em Add element no topo e então em Embed code:

Código incorporado
Código incorporado

Você verá algo assim:

Seção de Código Adicionada
Seção de Código Adicionada

Agora estamos prontos para Step 2.

Passo 2: Adicionar o Código Internal Link

Agora vamos adicionar o código do nosso widget.

Copie o código abaixo. Você deve garantir que está conectado em fastcomments.com e recarregar esta página se não estiver, para que o código seja preenchido automaticamente com as informações da sua conta, caso contrário ele mostrará o código de demonstração.

Agora vamos copiar o código:

Código de comentários do Hostinger
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 pageTitle: window.parent.document.title,
8 urlId: window.parent.location.href,
9 url: window.parent.location.href
10 });
11</script>
12

Agora vamos voltar ao construtor do site e clicar em Enter code:

Inserir código
Inserir código

Note!

É importante que você use o código acima e não os trechos de código de outra documentação, pois este trecho foi criado especificamente para Hostinger.

Você deve agora ter algo parecido com o seguinte, que aparece em branco. Isso é esperado. Mova o mouse sobre a área onde o widget deve estar:

Widget de código adicionado
Widget de código adicionado

Agora arraste o widget para o tamanho desejado, você verá que ele aparecerá:

Redimensione
Redimensione

...e agora visualize e salve!

Sucesso Internal Link

Isso é tudo! Agora você deve ter comentários em tempo real adicionados ao seu site Hostinger.

Sucesso
Sucesso

Se você encontrou um erro de permissão negada, ou gostaria de personalizar o FastComments, continue lendo.

Erros de Domínio do Site Internal Link

Você pode receber um erro de autorização, como o seguinte:

Configuração de Domínio Ausente
Configuração de Domínio Ausente

Isso acontece porque o FastComments não sabe que deve permitir que sua conta seja usada neste domínio.

Nesse caso, a solução é simples. Você só precisa adicionar seu site à sua conta do FastComments.com.

Clique aqui para adicionar seu site à sua conta.

Agora você deve ter comentários rápidos e em tempo real adicionados ao seu site!

Personalização do Site Internal Link

O FastComments foi projetado para ser personalizado para combinar com o seu site.

Se você quiser adicionar estilos personalizados ou ajustar a configuração, Consulte nossa Documentação de Personalização para saber como.

Botão de Curtidas Flutuante Internal Link

FastComments também oferece suporte ao widget Page Reacts (também conhecido como botão Flutuante de Curtida) para Hostinger.

Você pode vê-lo em ação no canto inferior direito desta página!

Nota!

Estas instruções são para o Hostinger Site Builder. Se você estiver usando Hostinger WordPress, simplesmente copie o código abaixo e adicione-o ao seu site WordPress usando WPCode, que é um plugin gratuito e fácil para adicionar pequenos trechos de código ao seu site.

  1. Primeiro, copie o código:
Código de Curtidas Flutuantes do 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. Em seguida, no Hostinger, abra o construtor de sites.
  2. Vá para Configurações do Site no canto inferior esquerdo.
  3. Selecione Integrações.
  4. Adicione o novo código ao final do campo Custom code, e publique seu site.
  5. Você não verá o widget no modo de visualização, mas ele aparecerá na versão publicada do site.
Contribuir para este guia