FastComments.com

Add Comments to Shopify Sites


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

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

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

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

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

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

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

Откройте панель управления публикациями блога
Open Blog Posts Admin

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

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

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

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

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

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

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

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

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

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

Открыть Themes
Open Themes

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

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

Откроется редактор кода, с проводником файлов слева и кодом справа.

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

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

Выберите Sections
Select Sections

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

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

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

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

main-article Open
main-article Open

Шаг 4: Добавьте код FastComments.com Internal Link

Далее мы прокрутим вниз до строки 100:

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

Теперь скопируйте следующий фрагмент кода, который разработан специально для Shopify - не используйте фрагменты кода из других руководств:

Фрагмент 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

Теперь поместите курсор на line 101 - сразу после </div> - и вставьте. У вас должно получиться что-то вроде этого:

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

Теперь можно сохранить:

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

Готово Internal Link


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

Успех!
Успех!

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


Настройка Internal Link

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

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