Dodaj komentarje na Wix strani

Z FastComments lahko enostavno dodamo komentiranje v živo na katerokoli Wix stran. Prav tako bomo razložili, kako zagotoviti, da ima vsaka stran ali objava na blogu svojo edinstveno nit komentarjev.

Upoštevajte, da ta vadnica zahteva račun FastComments. Priporočamo, da se najprej registrirate in se nato vrnete sem. Račun lahko ustvarite tukaj.

Korak 1: Uredi pravilno stran

V tem primeru bomo dodali FastComments Live Commenting na strani objav na blogu.

Za to bomo odprli naše spletno mesto v urejevalniku Wix.

Nato moramo poskrbeti, da urejamo pravo stran.

Želimo zagotoviti, da za vsako objavo na blogu prikažemo enolično nit komentarjev, zato uredimo Blog Pages -> Post.

Korak 1: Uredi dinamično stran objave

Korak 2: Dodaj vdelani blok

Nato bomo šli v Add -> Embed Code -> Embed HTML.

Korak dva: Dodajte blok Embed HTML

To nam bo za začetek dalo dolgočasen okvir:

Začetni blok

Korak 3: Kopiraj/prilepi prilagojeno kodo

Ta primer uporablja prilagojeno kodo za združljivost z Wix. Kosov kode FastComments iz drugih vodičev ne boste mogli uporabiti.

Odprite obrazec za dodajanje našega prilagojenega HTML pogovornega okna s klikom na Enter Code in izbiro HTML:

Korak 3: Odpri HTML pogovorno okno

Kopirajte naslednji HTML delček, prilepite ga v pogovorno okno in kliknite Update:

Kos kode za komentarje Wix

Copy

<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
    (function () {
        const config = {
            tenantId: "demo"
        };
        const instance = FastCommentsUI(document.getElementById('fastcomments-widget'), config);
        window.onmessage = (event) => {
            if (event.data) {
                if (event.data.action === 'reload') {
                    console.log('Updating FastComments:', event.data.url);
                    config.urlId = event.data.url;
                    config.url = event.data.url;
                    instance.update(config);
                }
            }
        }
    })();
</script>

Korak 3: Prilepite in shranite

Zdaj bi morali videti zelo majhno različico pripomočka za komentarje:

Korak 3: Rezultat

Nato bomo to pozicionirali in prilagodili velikost, da bo ustrezala naši strani.

Korak 4: Spremeni velikost

Zdaj, ko smo dodali pripomoček za komentarje, ga uredimo na naši strani.

Korak 4: Spreminjanje velikosti

S tem vodičem bomo lahko spremenili trenutno nit glede na aktivno stran. Vendar ne bomo mogli dinamično spreminjati velikosti pripomočka za komentarje dokler Wix ne omogoči te funkcionalnosti. Do takrat boste morali odločiti, kako veliko želite območje komentarjev na svoji strani, in ga ustrezno prilagoditi.

Korak 5: Edinstveni komentarni nizi

Nato nastavimo stvari tako, da se nit komentarjev spreminja glede na trenutno stran, kar uporabnikom omogoča razpravo o trenutno prikazani vsebini.

Brez naslednjih korakov boste imeli samo eno globalno nit komentarjev za celotno spletno stran - kar ni zelo uporabno.

Dev Mode

Za dodajanje te funkcionalnosti bomo morali vstopiti v tisto, čemur Wix pravi Dev Mode.

Kliknite možnost Dev Mode na vrhu zaslona.

Omogoči Dev Mode

Nastavite ID elementa

Za dosego tega bomo dodali kodo po meri, vendar moramo najprej novemu vgrajenemu elementu dati ID, na katerega se bomo sklicevali.

Poimenujmo ga fastcomments.

Kliknite nov vgrajeni element, ki smo ga dodali, in v dev načinu spodaj desno bi morali videti polje ID z vrednostjo kot html1:

Polje ID

Spremenite to v fastcomments in pritisnite enter:

Nastavitev ID

Zdaj lahko dodamo našo kodo po meri, ki povem območju komentarjev, katero stran si ogledujemo.

Na dnu zaslona bi morali videti urejevalnik kode, kot je ta:

Odpiranje urejevalnika

Kopirajte naslednjo kodo in jo prilepite tja:

Wix odsek za navigacijo komentarjev

Copy

import wixLocation from 'wix-location';
$w.onReady(function () {
    function updateFastCommentsLocation() {
        try {
            const url = (wixLocation.baseUrl + '/' + wixLocation.path).replace(/,/g, '/');
            $w('#fastcomments').postMessage({'action': 'reload', 'url': url});
        } catch (err) {
            console.error('Wix -> FastComments Error', err);
        }
    }
    updateFastCommentsLocation();
    wixLocation.onChange( () => {
        updateFastCommentsLocation();
    });
});

Dodajanje kode za navigacijo

Korak 6: Praznuj

Zdaj si lahko oddahnemo in predogledamo našo spletno stran. Videti bi morali območje komentarjev, ki se spreminja glede na trenutno stran. Čestitamo!

Če imate kakršne koli težave, nam sporočite v spodnjem polju za komentar.

Prilagajanje

FastComments je zasnovan tako, da ga lahko prilagodite svojemu spletnemu mestu.

Če želite dodati prilagojeno oblikovanje ali spremeniti konfiguracijo, si oglejte Dokumentacijo o prilagoditvah, da izveste, kako.

Dodaj ankete na svojo Wix stran

Ko je FastComments na vašem Wix spletnem mestu, lahko v komentarjih tudi izvajate žive ankete. V nastavitvah prilagajanja gradnika vklopite Enable Polls in gumb ankete se prikaže v orodni vrstici komentarjev. Ankete sprejmejo 2 do 10 možnosti, rezultati se v živo posodabljajo za vse na strani, vi pa izberete, kdo lahko ustvarja ankete in ali glasovanje zahteva prijavo. Nič drugega ni potrebno namestiti na Wix.

Preizkusite demo živih anket ali preberite dokumentacijo anket, da jih nastavite.

Jezik 🇸🇮 Slovenščina

Namestitev Wix

Ankete