Add Live Commenting to Zyro Sites

Étape 1 : Ajouter le widget de code

First, open up your site in the Website Builder.

Now if you don't already have a section where you want the comments to go, add a blank section:

Ajout d'une section

Now add the Zyro Embed widget by clicking our new section and clicking Add element in the top and then Embed code:

Code d'intégration

You'll get something like this:

Section de code ajoutée

Now we're ready for 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 pour Zyro Comments

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>

Revenons maintenant à notre constructeur de site et cliquez sur Enter code :

Saisir le code

Remarque !

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

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

Widget de code ajouté

Faites ensuite glisser le widget pour lui donner la taille souhaitée, vous verrez qu'il apparaît :

Redimensionnez-le

...puis prévisualisez et enregistrez !

Succès

C'est tout ! Les commentaires en direct devraient maintenant être ajoutés à votre site Zyro.

Succès

Si vous avez rencontré une erreur d'autorisation, ou si vous souhaitez personnaliser FastComments, lisez la suite.

Erreurs de domaine du site

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

Configuration du domaine manquante

Cela se produit 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.

Allez 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 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 (également appelé bouton Like flottant) pour Zyro.

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

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

Code Zyro pour likes flottants

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 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 (France)

Installation du site Zyro

Boutons J'aime flottants 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