Add Live Commenting to Zyro Sites

Étape 1 : Ajouter le widget de code

Tout d'abord, ouvrez votre site dans le Website Builder.

Maintenant, si vous n'avez pas encore de section où vous voulez que les commentaires apparaissent, ajoutez une section vide :

Ajout d'une section

Maintenant, ajoutez le widget Zyro Embed en cliquant sur notre nouvelle section, puis en cliquant sur Add element en haut et ensuite 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 de commentaires Zyro

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‑dessous et non les extraits de code d'autres documentations, car cet extrait a été conçu spécifiquement pour Zyro.

Vous devriez maintenant voir 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 de code ajouté

Faites maintenant glisser le widget pour lui donner la taille souhaité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 Zyro.

Succès

Si vous rencontrez 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

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 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 rapides et en temps réel ajoutés à votre site !

Personnalisation du site

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

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

Bouton flottant "J'aime"

FastComments prend également en charge le widget Page Reacts (aussi appelé bouton J'aime flottant) pour Zyro.

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

D'abord, récupérez le code :

Code des boutons flottants pour Zyro (Page Reacts)

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 Zyro, ouvrez l'éditeur de site.
Allez dans Paramètres du site en bas à gauche.
Sélectionnez Intégrations.
Ajoutez le nouveau code à la fin du champ Custom code, puis publiez votre site.
Vous ne verrez pas le widget en mode aperçu, mais il apparaîtra sur la version publiée du site.

Installation du site Zyro

Boutons "J'aime" flottants de Zyro

Add Live Commenting to Zyro 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 "J'aime"

Langue 🇨🇦 Français (Canada)

Installation du site Zyro

Boutons "J'aime" flottants de Zyro

Add Live Commenting to Zyro 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 "J'aime"