Add Live Commenting to Zyro Sites

Stap 1: Voeg de code-widget toe

Open eerst je site in de Website Builder.

Als je nog geen sectie hebt waar je de reacties wilt plaatsen, voeg dan een lege sectie toe:

Sectie toevoegen

Voeg nu de Zyro Embed-widget toe door op de nieuwe sectie te klikken en bovenaan op Add element te klikken en vervolgens Embed code:

Embed-code

Je krijgt iets zoals dit:

Code-sectie toegevoegd

We zijn nu klaar voor Step 2.

Stap 2: Voeg de code toe

Laten we nu onze widgetcode toevoegen.

Kopieer de onderstaande code. Zorg dat je bent ingelogd op fastcomments.com en herlaad deze pagina indien je dat nog niet bent, zodat de code vooraf wordt ingevuld met je accountgegevens; anders wordt de democode weergegeven.

Kopieer nu de code:

Zyro Reacties Code

Copy

<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    window.fcConfigs = [{
        target: '#fastcomments-widget',
        tenantId: "demo",
        pageTitle: window.parent.document.title,
        urlId: window.parent.location.href,
        url: window.parent.location.href
    }];
</script>

Ga nu terug naar onze sitebouwer en klik Enter code:

Code invoeren

Let op!

Het is belangrijk dat je de bovenstaande code gebruikt en niet de codefragmenten uit andere documentatie, omdat dit fragment specifiek voor Zyro is gemaakt.

Je zou nu iets moeten zien dat eruitziet als het volgende, wat leeg lijkt. Dit is verwacht. Beweeg je muis over het gebied waar de widget zou moeten staan:

Widget-code toegevoegd

Sleep de widget nu naar de gewenste grootte; je zult zien dat deze verschijnt:

Grootte aanpassen

...en bekijk nu een voorbeeld en sla op!

Succes

Dat is alles! Je hebt nu live reacties toegevoegd aan je Zyro-site.

Succes

Als je een 'permission denied'-fout bent tegengekomen, of FastComments wilt aanpassen, lees dan verder.

Fouten met het domein van de site

U kunt een autorisatiefout krijgen, zoals de volgende:

Domeinconfiguratie ontbreekt

Dit komt doordat FastComments niet weet dat jouw account op dit domein gebruikt mag worden.

In dit geval is de oplossing eenvoudig. Je hoeft alleen je site aan je FastComments.com-account toe te voegen.

Ga hierheen om je site aan je account toe te voegen.

Nu zou je snelle, live-reacties op je site moeten hebben!

Site-aanpassing

FastComments is ontworpen om aangepast te worden zodat het bij uw site past.

Als u aangepaste styling wilt toevoegen of de configuratie wilt aanpassen, Bekijk onze documentatie over aanpassingen en configuratie om te leren hoe.

Drijvende vind-ik-leuk-knop

FastComments ondersteunt ook de Page Reacts (ook wel Floating Like-knop genoemd) widget voor Zyro.

Je kunt het in actie zien rechtsonder op deze pagina!

Haal eerst de code op:

Zyro zwevende Likes-code

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>

Open vervolgens in Zyro de sitebuilder.
Ga naar Website-instellingen linksonder.
Selecteer Integraties.
Voeg de nieuwe code toe aan het einde van het Custom code veld, en publiceer je site.
Je zult de widget niet zien in de voorbeeldweergave, maar deze zal verschijnen in de gepubliceerde versie van de site.

Zyro-siteinstallatie

Zyro drijvende vind-ik-leuk-knop

Add Live Commenting to Zyro Sites

Stap 1: Voeg de code-widget toe

Stap 2: Voeg de code toe

Let op!

Succes

Fouten met het domein van de site

Site-aanpassing

Drijvende vind-ik-leuk-knop

Taal 🇳🇱 Nederlands

Zyro-siteinstallatie

Zyro drijvende vind-ik-leuk-knop

Add Live Commenting to Zyro Sites

Stap 1: Voeg de code-widget toe

Stap 2: Voeg de code toe

Let op!

Succes

Fouten met het domein van de site

Site-aanpassing

Drijvende vind-ik-leuk-knop