Add Live Commenting to Hostinger Sites

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

Si vous utilisez Hostinger avec WordPress, vous pouvez simplement installer notre WordPress Plugin qui possède ses propres instructions.

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

Étape 1 : Ajouter le widget de code

D'abord, ouvrez votre site dans le Website Builder.

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

Ajout d'une section

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

Code d'intégration

Vous obtiendrez quelque chose comme ceci :

Section de code ajoutée

Nous sommes maintenant prêts pour Step 2.

Étape 2 : Ajouter le code

Ajoutons maintenant le code de notre widget.

Copiez le code ci-dessous. Assurez-vous d'être connecté à 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

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    FastCommentsUI(document.getElementById('fastcomments-widget'), {
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    });
</script>

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

Entrer le code

Remarque!

Il est important d'utiliser le code ci-dessus et non les extraits de code d'autres documentations, car ce fragment a été conçu spécifiquement pour Hostinger.

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

Widget de code ajouté

Faites maintenant glisser le widget à la taille désirée, vous le verrez apparaître :

Redimensionnez-le

...et maintenant prévisualisez et enregistrez !

Succès

C'est tout ! Vous devriez maintenant avoir les commentaires en direct ajoutés à votre site Hostinger.

Succès

Si vous avez rencontré une erreur "permission denied", ou si vous souhaitez personnaliser FastComments, lisez la suite.

Erreurs de domaine du site

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

Configuration du domaine manquante

C'est parce que FastComments ne sait pas qu'il doit autoriser l'utilisation de votre compte sur ce domaine.

Dans ce cas, la solution est simple. Il vous suffit d'ajouter votre site à votre compte FastComments.com.

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

Vous devriez maintenant avoir des commentaires en direct et rapides sur votre site !

Personnalisation du site

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

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

Bouton flottant de mentions J'aime

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

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

Remarque !

Ces instructions s'appliquent au Site Builder de Hostinger. Si vous utilisez Hostinger WordPress, copiez 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.

Tout d'abord, récupérez le code :

Code des mentions J’aime flottantes Hostinger

Copy

<script src="https://cdn.fastcomments.com/js/embed-page-likes-floating.min.js?v=2" async></script>
<div id="fastcomments-page-likes-floating"></div>
<script>
    (function () {
        function tryLoad() {
            if (typeof window.FastCommentsEmbedPageLikesFloating === 'function') {
                window.FastCommentsEmbedPageLikesFloating(document.getElementById('fastcomments-page-likes-floating'), {
                    tenantId: "demo"
                });
            } else {
                setTimeout(tryLoad, 50);
            }
        }
        tryLoad();
    })();
</script>

Ensuite, dans Hostinger, ouvrez le Site Builder.
Allez dans Website Settings en bas à gauche.
Sélectionnez Integrations.
Ajoutez le nouveau code à la fin du champ Custom code, puis publiez votre site.
Vous ne verrez pas le widget en mode de prévisualisation, mais il apparaîtra sur la version publiée du site.

Installation sur Hostinger

Mentions J'aime flottantes Hostinger

Add Live Commenting to Hostinger Sites

Étape 1 : Ajouter le widget de code

Étape 2 : Ajouter le code

Remarque!

Succès

Erreurs de domaine du site

Personnalisation du site

Bouton flottant de mentions J'aime

Remarque !

Langue 🇨🇦 Français (Canada)

Installation sur Hostinger

Mentions J'aime flottantes Hostinger

Add Live Commenting to Hostinger Sites

Étape 1 : Ajouter le widget de code

Étape 2 : Ajouter le code

Remarque!

Succès

Erreurs de domaine du site

Personnalisation du site

Bouton flottant de mentions J'aime

Remarque !