FastComments.com

Menu Icon

Langue 🇫🇷 Français (France)
🇺🇸 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

Installation du site Hostinger

Étape 1 : Ajouter le widget de code
Étape 2 : Ajouter le code
Succès
Erreurs de domaine du site
Personnalisation du site

Boutons « J'aime » flottants Hostinger

Bouton flottant « J'aime »

Add Live Commenting to Hostinger Sites

Tout d'abord, notez que ce tutoriel s'applique uniquement au Website Builder de Hostinger.

Si vous utilisez Hostinger avec WordPress, vous pouvez simplement installer notre plugin WordPress qui dispose de ses propres instructions.

Ce tutoriel se poursuit avec des instructions pour le Website Builder.

Étape 1 : Ajouter le widget de code Internal Link

Tout d'abord, ouvrez votre site dans l'éditeur de site Web.

Si vous n'avez pas déjà une section où vous voulez que les commentaires apparaissent, ajoutez une section vierge :

Ajout d'une section
Ajout d'une section
Ajout d'une section
Ajout d'une section

Ajoutez maintenant le widget Hostinger Embed en cliquant sur notre nouvelle section puis sur Add element en haut, puis sur Embed code :

Code d'intégration
Code d'intégration

Vous obtiendrez quelque chose comme ceci :

Section de code ajoutée
Section de code ajoutée

Nous sommes maintenant prêts pour Step 2.

Étape 2 : Ajouter le code Internal Link

Ajoutons maintenant le code de notre widget.

Copiez le code ci-dessous. Assurez-vous d'être connecté sur fastcomments.com et rechargez cette page si ce n'est pas le cas, afin que le code soit pré-rempli avec les informations de votre compte ; sinon il affichera le code de démonstration.

Copions maintenant le code :

Code des commentaires 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

Retournez maintenant à votre constructeur de site et cliquez sur Enter code :

Saisir le code
Saisir le code

Remarque !

Il est important d'utiliser le code ci-dessus et non les extraits de code d'autres documentations, car cet extrait a été créé spécifiquement pour Hostinger.

Vous devriez maintenant avoir quelque chose comme ce qui suit, qui apparaît vide. C'est normal. Déplacez votre souris sur la zone où le widget devrait se trouver :

Widget ajouté
Widget ajouté

Faites maintenant glisser le widget pour lui donner la taille souhaitée ; vous le verrez apparaître :

Redimensionnez-le
Redimensionnez-le

...et maintenant prévisualisez et enregistrez !

Succès Internal Link

C'est tout ! Vous devriez désormais avoir des commentaires en direct ajoutés à votre site Hostinger.

Succès
Succès

Si vous avez rencontré une erreur "Accès refusé", ou souhaitez personnaliser FastComments, lisez la suite.

Erreurs de domaine du site Internal Link

Vous pouvez recevoir une erreur d'autorisation, comme la suivante :

Configuration du domaine manquante
Domain Configuration Missing

Ceci est dû au fait que FastComments ne sait pas qu'il doit autoriser l'utilisation de votre compte sur ce domaine.

Dans ce cas, la correction est simple. Vous devez simplement ajouter votre site à votre compte FastComments.com.

Rendez-vous ici pour ajouter votre site à votre compte.

Vous devriez maintenant avoir un système de commentaires en direct et rapide ajouté à votre site !

Personnalisation du site Internal Link

FastComments est conçu pour être personnalisé afin de s'adapter à votre site.

Si vous souhaitez ajouter des styles personnalisés ou ajuster la configuration, Consultez notre documentation sur la personnalisation et la configuration pour savoir comment.

Bouton flottant « J'aime » Internal Link

FastComments prend également en charge le widget Page Reacts (alias bouton J’aime flottant) pour Hostinger.

Vous pouvez le voir en action en bas à droite de cette page !

Remarque !

Ces instructions concernent le Hostinger Site Builder. Si vous utilisez Hostinger WordPress, récupérez simplement le code ci-dessous et ajoutez-le à votre site WordPress en utilisant WPCode, qui est un plugin gratuit et facile pour ajouter de petits extraits de code à votre site.

  1. Tout d'abord, récupérez le code :
Code des Likes flottants 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. Ensuite, dans Hostinger, ouvrez le site builder.
  2. Allez dans Website Settings en bas à gauche.
  3. Sélectionnez Integrations.
  4. Ajoutez le nouveau code à la fin du champ Custom code, puis publiez votre site.
  5. Vous ne verrez pas le widget en mode aperçu, mais il apparaîtra sur la version publiée du site.
Contribuer à ce guide