Add Comments to Wix Sites

Sa FastComments možemo lako dodati komentare u realnom vremenu na bilo koji Wix sajt. Takođe ćemo proći kroz to kako osigurati da svaka stranica, ili objava na blogu, može imati sopstvenu jedinstvenu nit komentara.

Imajte na umu da ovaj vodič zahteva FastComments nalog. Preporučuje se da se prvo registrujete, pa se onda vratite ovde. Možete kreirati nalog ovde.

Korak 1: Uredi pravu stranicu

Za ovaj primer, dodaćemo FastComments Live Commenting na stranice blog postova.

Da bismo to uradili, otvorićemo naš sajt u Wix editoru.

Zatim, moramo da se uverimo da uređujemo pravu stranicu.

Želimo da se uverimo da prikazujemo jedinstvenu nit komentara za svaki post na blogu, zato hajde da uredimo Blog Pages -> Post.

Korak jedan: Uredi dinamičku stranicu posta

Korak 2: Dodaj ugrađeni blok

Then, we'll go to Add -> Embed Code -> Embed HTML.

Korak dva: Dodajte Embed HTML blok

This will give us a sad looking box to start with:

Početni blok

Korak 3: Kopiraj/Nalepi prilagođeni kod

Ovaj primer koristi prilagođeni kod da bi bio kompatibilan sa Wix-om. Nećete moći da koristite FastComments primere koda iz drugih tutorijala.

Otvorite formu da dodate naš prilagođeni HTML dijalog klikom na Enter Code i izborom HTML:

Korak 3: Otvorite HTML dijalog

Kopirajte sledeći HTML isječak i nalepite ga u dijalog, pa kliknite Ažuriraj:

Wix primer koda za komentare

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: Nalepite i sačuvajte

Sada biste trebali videti vrlo malu verziju widgeta za komentare:

Korak 3: Rezultat

Zatim ćemo postaviti i promeniti veličinu ovog tako da odgovara našoj stranici.

Korak 4: Promeni veličinu

Sada kada smo dodali widget za komentare, hajde da ga rasporedimo na našoj stranici.

Korak 4: Promena veličine

Uz ovaj tutorijal moći ćemo da promenimo trenutnu nit na osnovu aktivne stranice. Međutim, nećemo moći dinamički da menjamo veličinu widgeta za komentare dok Wix ne omogući ovu funkcionalnost. Do tada ćete morati da odredite koliko veliku želite oblast za komentare na svojoj stranici i da je odgovarajuće podesite.

Korak 5: Jedinstvene niti komentara

Sledeće, hajde da podesimo stvari tako da se nit komentara menja u zavisnosti od trenutne stranice, omogućavajući korisnicima da diskutuju o sadržaju koji je trenutno prikazan.

Bez sledećih koraka imaćete samo jednu globalnu nit komentara za ceo sajt — što nije naročito korisno.

Dev Mode

Da bismo dodali ovu funkcionalnost, moraćemo da uđemo u ono što Wix naziva Dev Mode.

Kliknite opciju Dev Mode na vrhu ekrana.

Omogući Dev Mode

Podesite ID elementa

Dodaćemo prilagođeni kod da bismo to postigli, ali prvo moramo novom embed elementu dodeliti ID po kojem ćemo se na njega pozivati.

Nazovimo ga fastcomments.

Kliknite novi embed element koji smo dodali, i u Dev Mode u donjem desnom uglu trebalo bi da vidite polje za ID sa vrednošću poput html1:

Polje za ID

Promenite ovo u fastcomments i pritisnite enter:

Postavite ID

Sada možemo dodati naš prilagođeni kod koji polju komentara govori koju stranicu trenutno prikazujemo.

Na dnu ekrana trebalo bi da vidite editor koda poput ovog:

Otvorite editor

Kopirajte sledeći kod i nalepite ga tamo:

Wix navigacioni isječak za komentare

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();
    });
});

Dodajte navigacioni kod

Korak 6: Proslavi

Sad možemo da odahnemo i pregledamo naš sajt. Trebalo bi da vidite oblast za komentare koja se menja u zavisnosti od prikazane stranice. Čestitamo!

Ako imate bilo kakvih problema, javite nam u polju za komentare ispod.

Prilagođavanje

FastComments je dizajniran tako da se može prilagoditi vašem sajtu.

Ako želite da dodate prilagođene stilove ili podesite konfiguraciju, Pogledajte našu dokumentaciju o prilagođavanjima i konfiguraciji da biste saznali kako.

Jezik 🇷🇸 Srpski (Latinica)

Instalacija Wixa