Социальные комментарии для интернет магазина

Социальные комментарии – это модули позволяющие посетителям вашего интернет магазина оставлять комментарии от имени их профиля в соц. сетях. В этой статье мы рассмотрим, как установить социальные комментарии (Disqus, VK, Facebook) к себе в инетрнет-магазин и что они вам дают.

Основные разделы статьи:

Disqus для интернет магазина
VK Comments для интернет магазина
Facebook Comments для интернет магазина

Польза социальных комментариев

Первая и самая явная польза социальных комментариев это отсутствие подребности в авторизации для ваших клиентов. Комментарии оставленные через виджет могут автоматически транслироваться на страницу комментатора и отображаться в новостной ленте для его друзей, что позволяет создать вирусный эффект распростронения информации.

Социальные комментарии повысят уровень соц. активности вашего сайта, что положительно влияет на на отображение его в поисковой выдаче.

Disqus для интернет магазина

Disqus – это сервис, который позволяет организовать на вашем сайте систему комментирования и обсуждения. Он позволит посетителям вашего сайте оставить комментарий, предварительно авторизировавшись через Facebook, Twitter, Google+ или Disqus. Есть удобная функция сортировки комментариев. Так же  любой посетитель может расшарить понравившейся комментарий через соц. сети.

Процесс установки к себе на сайт весьма прост, давайте рассмотрим его подробнее:

  1. Создаем аккаунт в сервисе Disqus вот ссылка
  2. Начинаем процесс добавления Disqus на ваш сайт тут

  1. Выбираем вариант для добавление универсального кода (см. скрин ниже)

  1. Копируем код

  1. Переходим в панель управления Gollos. Раздел Настройки - Дизайн и открываем страницу «Товары. Описание» в текущем дизайне.
    Находим в коде строку {{ product.comment_html }}

    Вместо нее вставляем скопированный код с небольшими правками

  1. В коде нам нужно раскомментировать блок см. картинку ниже (пункт 1) и прописать две переменные (пункт 2):
    this.page.url = 'http://{{ shop.domain }}{{ page.url }}';
    this.page.identifier = '{{ product.id }}';

  1. В результате на странице товара в блоке отзывы будет вот такая форма комментариев

VK Comments для интернет магазина

Система комментариев Вконтакте позволяет оставлять комментарии всем пользователям данной сети без прохождения авторизации на вашем сайте. 

В результате вы знаете, кто оставил отзыв и имеете более подробную информацию о ваших клиентах. Так же соц. комментарии могут дублироваться на странице клиента в ВК и соответственно отображаться в новостных лентах его друзей, что несомненный плюс для владельца интернет магазина.

Установка виджета очень простая:

  1. Переходим на страницу виджета сюда
  2. Заполняем поля формы и жмем «Сохранить»

  3. Прописываем настройки (кол-во видимых комментариев, вставка доп. материалов, ширина блока комментариев)

  1. Теперь нам осталось добавить код виджета к себе в шаблон

4.1. Первые два скрипта нужно добавить через блок «Мета-теги» текущего дизайна

4.2. Выбираем тип: «Custom», вставляем код скрипта и жмем «Сохранить» (см. скрин ниже). Проделываем так же и со вторым скриптом.

4. 3. Теперь вторую часть скрипта (см. скрин) нужно скопировать и вставить в текущий шаблон, на странице «Товар. Описание»

4.4. Находим в коде строку {{ product.comment_html }}

4.5. Вместо нее вставляем скопированный код

  1. В результате на странице товара у нас будет блок комментариев

Facebook Comments для интернет магазина

Виджет комментариев от Facebook так же позволяет участникам данной соц. сети оставлять комментарии на вашем сайте без прохождения отдельной авторизации. Дает более детальную информацию о комментаторе. Позволяет сортировать комментарии, делиться ими и дублировать у себя на странице в Facebook.

Установка данного виджета так же весьма проста:

  1. Переходим на страницу виджета сюда
  2. В форме нам нужно прописать: 1) Домен своего интернет магазина, 2) Количество выводимых комментариев, 3) Нажать на кнопку «Get Code»

  3. Полученный код мы добавим в текущий дизайн. Первую часть вставим в самом начале страницы «Описание. Товары», а вторую в том месте, где мы хотим отобразить блок с комментариями

  1. Вставляем первую часть, в самом начале страницы

Находим в коде строку {{ product.comment_html }} и вместо нее вставляем вторую часть кода

  1. Вставляем вторую часть кода, прописав для data-href значение “http://{{ shop.domain }}{{ page.url }}”  (смотреть скрин ниже)

  1. В результате у нас есть блок комментариев от фейсбука на нашем интернет магазине

Выводы

Безусловно соц. комментарии делают процесс комментирования в вашем интернет магазине более удобным. Они так же позволяют воспользоваться весьма неплохим функционалом и получить цитируемость на соц. страницах ваших клиентов. Если вы планируете продвигать свой товар через соц сети, то вам стоит задуматься о интеграции подобных виджетов.

Дело остается за малым, выбрать подходящий для себя вариант. В данном случае каждый должен ориентировать на свои предпочтения и на своих клиентов. Откуда к вам чаще приходят на сайт и через какую соц сеть вы планирует продвигать свои продукты. Конечно, можно установить все три  виджета или только два, например VK и Fb, в общем есть варианты и место для манёвра :)

Что касается скорости загрузки, то она не велика хотя и различна между тремя описанными виджетами. Первенство по скорости выиграл виджет от ВК, второе место у Disqus, а третье Facebook.