Подключение виджета комментариев к карточке товара

В данной статье мы рассмотрим подключение виджетов комментариев ​«​Disqus​»​​, «​Facebook​» и «​Вконтакте​»

Установка виджета комментариев «Disqus»

Данный виджет позволит вам за 5 минут установить на ваш сайт возможность комментировать материалы и статьи.

Первое, что нужно сделать - это перейти на страницу виджета https://disqus.com/.

В форме "Sign Up" нужно будет указать вам параметры таких пунктов:

  • Username - Имя пользователя, Email edress - Электронный адрес, Password - Пароль
  • Заполнив форму, нажимаем кнопку «Next step».
  • Теперь вы попадаете на форму «Site profile». Здесь в поле «Site name» указываем адрес нашего сайта. Прим: http://example.bazium.ru/
  • Заполнив форму, нажимаем кнопку «Finish registration».
  • Теперь мы попадаем в окно «Choose your platform» и выбираем «Universal Code».
  • Теперь мы попадаем в окно «Setup instructions for». В первом окне находится именно тот код, который мы должны скопировать и поместить на нашем сайте.

Пример наглядно:

С настройкой Disqus для нашего сайта мы закончили. Осталось только вставить скопированный код на страницы товаров. Для этого нужно: 

  • Перейти в раздел «Дизайн»
  • Далее «Карточка продукции»
  • Основные настройки.
  • Отметить галочкой пункт «Комментарии Disqus»
  • Вставить скопированный код

 Пример наглядно:

           Установка виджета комментариев «Facebook»                    

  • Первое что нужно сделать, это перейти на страницу получения самого виджета: https://developers.facebook.com/docs/plugins/comments
  • Далее нам нужно будет указать такие пункты:

    • Адрес сайта (прим. example.bazium.com)
    • Указать ширину виджета, мы рекомендуем erfpfnm 100%
    • Количество комментариев, которые будут выводиться на странице (5 или 10 вполне достаточно)
    • цветовая схема (light или dark)
  • Проверяете информацию и если все верно, нажимаете «Получить код»
  • Появится окно с кодом который мы должны добавить на свой сайт
  • Первую часть кода необходимо добавить в поле «body» дополнительных кодов

Пример наглядно:

Осталось только вставить скопированный код на страницы товаров. Для этого нужно: 

  • Скопировать код виджета (код из шага 3 в окне facebook)
  • Перейти в проект в базиуме
  • Перейти в раздел «Дизайн»
  • Далее «Карточка продукции»
  • Основные настройки.
  • Отметить галочкой пункт «Комментарии Disqus»
  • Вставить скопированный код

    Пример наглядно:

    Установка виджета комментариев «Вконтакте»

    Первое что нужно сделать, это перейти на страницу получения самого виджета www.vk.com/dev/Comments

    Далее нам нужно будет указать такие пункты:

    • Название сайта
    • Адрес сайта
    • Основной домен сайта
    • Тематика сайта
    • Выбрать количество отображаемых комментариев
    • В разделе настроек Медиа, вы можете как включить так и отключить расширенные возможности комментирования
    • Если все верно, нажимаете «сохранить»
    • Появится окно рекапчи, где нужно отметить "я не робот"

    Пример наглядно:

    Осталось только вставить скопированный код на страницы товаров. Для этого нужно: 

    • Скопировать код виджета
    • Перейти в раздел «Дизайн» в базиуме
    • Далее «Карточка продукции»
    • Основные настройки.
    • Отметить галочкой пункт «Комментарии Disqus»
    • Вставить скопированный код

    Пример наглядно: