Add Comments to Wix Sites

Са FastComments можемо лако додати коментарисање у реалном времену на било који Wix сајт. Такође ћемо проћи кроз обезбеђивање да свака страница, или блог пост, има своју јединствену нит коментара.

Имајте на уму да овај туторијал захтева FastComments налог. Препоручује се да се најпре региструјете, па да се вратите овде. Можете креирати налог овде.

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

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

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

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

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

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

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

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

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

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

Почетни блок

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

Овај пример користи прилагођени код да би био компатибилан са Wix-ом. Нећете моћи да користите FastComments исјечке кода из других туторијала.

Отворите форму да бисте додали наш прилагођени HTML дијалог кликом на Enter Code и одабиром HTML:

Корак 3: Отворите HTML дијалог

Копирајте следећи HTML исјечак и уметните га у дијалог, па кликните на дугме „Update“:

Исјечак кода за 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>

Корак 3: Налепите и сачувајте

Сада бисте требали видјети веома малу верзију видџета за коментаре:

Корак 3: Резултат

У наредном кораку ћемо позиционирати и подесити величину овог елемента да се уклопи у нашу страницу.

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

Sada kada smo dodali widget za komentare, uredimo ga na našoj stranici.

Korak 4: Promjena veličine

Uz ovaj vodič moći ćemo promijeniti trenutnu nit u zavisnosti od aktivne stranice. Međutim, nećemo moći dinamički mijenjati veličinu widgeta za komentare dok Wix ne omogući ovu funkcionalnost. Do tada ćete morati odlučiti koliko veliko želite područje za komentare na vašoj stranici i odgovarajuće ga dimenzionisati.

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

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

Bez narednih koraka, imaćete samo jednu globalnu nit komentara za cijeli sajt - što nije naročito korisno.

Dev Mode

Kliknite opciju Dev Mode na vrhu ekrana.

Omogući Dev Mode

Set the Element ID

Dodaćemo prilagođeni kod da to postignemo, ali prvo moramo novom embed elementu dodijeliti ID da bismo mogli da ga referenciramo.

Nazovimo ga fastcomments.

Kliknite novi embed 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:

Postavite ID

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

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

Otvorite uređivač

Kopirajte sljedeći kod i zalijepite ga tamo:

Isječak navigacije komentara za Wix

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

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

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

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

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

FastComments je dizajniran da bude prilagodljiv kako bi odgovarao vašem sajtu.

Ako želite dodati prilagođeni stil ili podesiti konfiguraciju, Pogledajte našu dokumentaciju o prilagođavanju da saznate kako.

Језик 🇲🇪 Српски (Црна Гора)

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