Add Comments to Wix Sites

S FastCommentsom jednostavno možemo dodati komentare uživo na bilo koju Wix stranicu. Također ćemo proći kroz osiguravanje da svaka stranica ili objava na blogu može imati svoju jedinstvenu nit komentara.

Imajte na umu da ovaj vodič zahtijeva FastComments račun. Preporučuje se da se prvo registrirate, a zatim se vratite ovdje. Ovdje možete otvoriti račun.

Korak 1: Uredite ispravnu stranicu

Za ovaj primjer dodati ćemo FastComments Live Commenting na stranice objava na blogu.

Da bismo to učinili, otvorit ćemo našu stranicu u Wix editoru.

Zatim moramo provjeriti uređujemo li pravu stranicu.

Želimo osigurati da za svaku objavu na blogu prikažemo jedinstvenu nit komentara, zato uredimo Blog Pages -> Post.

Korak jedan: Uredite dinamičnu stranicu objave

Korak 2: Dodajte ugrađeni blok

Zatim ćemo otići na 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: Kopirajte i zalijepite prilagođeni kod

Ovaj primjer koristi prilagođeni kod kako bi bio kompatibilan s Wixom. Nećete moći koristiti FastComments isječke koda iz drugih vodiča.

Open the form to add our custom HTML dialog by clicking Enter Code and selecting HTML:

Korak 3: Otvorite HTML dijalog

Kopirajte sljedeći HTML isječak i zalijepite ga u dijalog, zatim kliknite Ažuriraj:

Umetak koda za Wix 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: Zalijepite i spremite

Sada biste trebali vidjeti vrlo malu verziju widgeta za komentare:

Korak 3: Rezultat

Sljedeće ćemo to pozicionirati i prilagoditi veličinu tako da odgovara našoj stranici.

Korak 4: Promijenite veličinu

Sada kad smo dodali widget za komentare, posložimo ga na našoj stranici.

Korak 4: Promjena veličine

S ovim vodičem moći ćemo promijeniti trenutnu nit ovisno o aktivnoj stranici. Međutim, nećemo moći dinamički mijenjati veličinu widgeta za komentare dok Wix ne omogući tu funkcionalnost. Do tada ćete morati odlučiti koliko veliko želite područje za komentare na svojoj stranici i odgovarajuće ga dimenzionirati.

Korak 5: Jedinstvene niti komentara

Sljedeće, postavimo stvari tako da se nit komentara mijenja ovisno o trenutačnoj stranici, što korisnicima omogućuje raspravu o trenutno prikazanom sadržaju.

Bez sljedećih koraka imat ćete samo jednu globalnu nit komentara za cijelu stranicu - što nije naročito korisno.

Dev Mode

Da bismo dodali ovu funkcionalnost, morat ćemo ući u ono što Wix naziva Dev Mode.

Kliknite opciju Dev Mode na vrhu zaslona.

Omogućite Dev Mode

Set the Element ID

Dodavat ćemo prilagođeni kôd za ostvarenje ovoga, ali prvo moramo novom elementu za ugrađivanje dodijeliti ID kojim ćemo ga referencirati.

Nazovimo ga fastcomments.

Kliknite novi element za ugrađivanje koji smo dodali, i u dev modu u donjem desnom kutu trebali biste vidjeti polje ID-a s vrijednošću poput html1:

Polje ID-a

Promijenite ovo u fastcomments i pritisnite enter:

Postavite ID

Sada možemo dodati naš prilagođeni kôd koji područje komentara obavještava koju stranicu gledamo.

Na dnu zaslona trebali biste vidjeti uređivač kôda poput ovog:

Otvorite uređivač

Kopirajte sljedeći kôd i zalijepite ga tamo:

Isječak za navigaciju komentara Wix-a

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 navigacijski kôd

Korak 6: Proslavite

Sada možemo odahnuti i pregledati našu stranicu. Trebali biste vidjeti područje za komentare koje se mijenja ovisno o stranici. Čestitamo!

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

Prilagodba

FastComments je osmišljen da se može prilagoditi vašoj stranici.

Ako želite dodati prilagođene stilove ili podesiti konfiguraciju, Pogledajte našu dokumentaciju za prilagodbu da biste saznali kako.

Jezik 🇭🇷 Hrvatski

Instalacija Wixa