FastComments.com

Add Comments to Shopify Sites


С помощью FastComments мы можем легко добавить комментарии в реальном времени на любой сайт Shopify.

Инструкции ниже предназначены для блога, созданного на Shopify, но код встраивания также можно вручную добавить на любую страницу, отредактировав другие файлы темы. Служба поддержки FastComments также может помочь с этим.

Обратите внимание, что для этого руководства требуется учетная запись FastComments. Рекомендуется сначала зарегистрироваться, а затем вернуться сюда. Вы можете создать учетную запись здесь.


Шаг 2: Отключение стандартной системы комментариев Internal Link

Первый шаг при использовании FastComments с Shopify — отключение системы комментариев Shopify.

Примечание Служба поддержки FastComments может помочь вам с переносом существующих потоков комментариев.

Чтобы заменить систему комментариев Shopify, перейдите в панель управления магазином и нажмите Blog posts в нижнем левом углу:

Открыть админку записей блога
Открыть админку записей блога

Затем нажмите Manage blogs в правом верхнем углу:

Управление блогами
Управление блогами

Нажмите на блог, которым хотите управлять. Если указано Comments are disabled, вы можете пропустить этот шаг и перейти к Step Two.

Управление блогом
Управление блогом

Если нет, выберите блог и убедитесь, что в правой панели выбрано Comments are disabled:

Отключить комментарии
Отключить комментарии

Теперь нажмите «Сохранить».

Шаг 3: Открытие шаблона темы блога Internal Link


Теперь мы отредактируем тему нашего магазина, чтобы добавить FastComments.

В левой панели откройте Themes:

Откройте Themes
Откройте Themes

Под Current theme, выберите Actions и затем Edit code:

Редактировать код
Редактировать код

Это откроет редактор кода, с обозревателем файлов слева и кодом справа.

Всё, что нам нужно сделать — скопировать небольшой фрагмент кода, который добавляет FastComments, и вставить его в нужную строку в нужном файле.

В обозревателе файлов слева прокрутите вниз и нажмите Sections:

Выберите Sections
Выберите Sections

Теперь прокрутите вниз и выберите main-article.liquid:

Выберите main-article
Выберите main-article

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

Теперь вы должны увидеть что-то похожее на следующее, с выбранным вверху main-article.liquid:

main-article открыт
main-article открыт

Шаг 4: Добавление кода FastComments.com Internal Link


Next we're going to scroll down to line 100:

Прокрутите до строки 100
Прокрутите до строки 100

Now copy the following code snippet, which is designed specifically for Shopify - do not use code snippets from other tutorials:

Фрагмент FastComments для Shopify
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 urlId: window.location.pathname
8 });
9</script>
10

Now we want to put our cursor on line 101 - right after the </div> - and paste. You should have something like this:

Добавьте код FastComments
Добавьте код FastComments

Now we can save:

Сохранить
Сохранить

Готово Internal Link


Теперь, если просмотреть запись в блоге, мы должны увидеть FastComments!

Успешно!
Успешно!

Поздравляем с настройкой FastComments для Shopify! Если у вас возникла ошибка домена (Domain Error), или вы хотите узнать, как настроить область комментариев, читайте дальше!


Настройка Internal Link

FastComments разработан так, чтобы его можно было настроить в соответствии с вашим сайтом.

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