Add Comments to Wix Sites

Sa FastComments možemo jednostavno dodati komentare uživo na bilo koji Wix sajt. Takođe ćemo objasniti kako osigurati da svaka stranica, ili blog objava, može imati svoju jedinstvenu nit komentara.

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

Корак 1: Уредите праву страницу

За овај пример, додат ћемо FastComments Live Commenting на странице објава на блогу.

Да бисмо то урадили, отворићемо наш сајт у Wix уређивачу.

Затим, морамо се уверити да уређујемо исправну страницу.

Желимо осигурати да за сваку објаву на блогу приказујемо јединствену нит коментара, па хајде да уредимо Blog Pages -> Post.

Корак један: Уреди динамичку страницу објаве

Корак 2: Додајте блок за уграђивање

Затим ћемо отићи на Add -> Embed Code -> Embed HTML.

Други корак: Додајте уграђени HTML блок

Ово ће нам дати тужну кутију за почетак:

Почетни блок

Корак 3: Копирајте и залепите прилагођени код

Ovaj primjer koristi prilagođeni kod da bi bio kompatibilan sa Wix-om. Nećete moći koristiti FastComments isječke koda iz drugih tutorijala.

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

Korak 3: Otvorite HTML dijalog

Copy the following HTML snippet and paste it into the dialog, and click Update:

Isečak 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 sačuvajte

Sada biste trebali vidjeti vrlo malu verziju widgeta za komentare:

Korak 3: Rezultat

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

Корак 4: Промените величину

Сада када смо додали видгет за коментаре, хајде да га поставимо на нашој страници.

Корак 4: Промјена величине

Са овим упутством моћи ћемо промијенити тренутну нит у зависности од активне странице. Међутим, нећемо моћи динамички промијенити величину видгета за коментаре док Wix не омогући ову функционалност. До тада ћете морати одлучити колико велико желите подручје за коментаре на вашој страници и одговарајуће га прилагодити.

Корак 5: Јединствене теме коментара

Next, hajde da podesimo stvari tako da se nit komentara mijenja u zavisnosti od trenutne stranice, omogućavajući korisnicima da diskutuju o trenutno prikazanom sadržaju.

Bez sljedećih koraka, imaćete samo jednu globalnu nit komentara za cijeli sajt - što nije baš korisno.

Dev režim

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

Kliknite opciju Dev Mode na vrhu ekrana.

Omogući Dev režim

Postavi ID elementa

Dodaćemo prilagođeni kod da to postignemo, ali prvo moramo novom ugrađenom elementu dati ID po kojem ćemo ga referencirati.

Nazovimo ga fastcomments.

Kliknite novi ugrađeni element koji smo dodali, i u dev modu u donjem desnom uglu trebali biste vidjeti polje za ID sa vrijednošću poput html1:

Polje ID-a

Promijenite ovo u fastcomments i pritisnite enter:

Postavi ID

Sada možemo dodati naš prilagođeni kod koji govori području komentara koju stranicu trenutno gledamo.

Na dnu ekrana trebali biste vidjeti uređivač koda kao ovaj:

Otvorite editor

Kopirajte sljedeći kod i zalijepite ga tamo:

Wix isječak za navigaciju komentara

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 kod za navigaciju

Корак 6: Прославите

Сада можемо да предахнемо и прегледамо наш сајт. Требало би да видите област за коментаре која се мења у зависности од странице на којој се налазите. Честитамо!

Ако имате било каквих проблема, јавите нам у пољу за коментаре испод.

Прилагођавање

FastComments је дизајниран да се прилагоди и уклопи у вашу страницу.

Ако желите додати прилагођени стил или подесити конфигурацију, Погледајте нашу документацију о прилагођавању да бисте сазнали како.

Језик 🇧🇦 Српски (БиХ)

Инсталација Wix