Интеграция виджета комментариев "ВКонтакте"

Последние изменения: 05.04.2022

1) Войдите в социальную сеть ВКонтакте и перейдите по ссылке Виджет для сообществ:

dcea089a33341b8630f30eb344f91e7e.png

2) В поле «Сайт/приложение» выберите пункт «Подключить новый сайт»:

1151a9ae855dfddb82035d92319290eb.png

3) Назовите сайт. В поле «Адрес сайта» введите URL адрес вашего опубликованного лендинга.

Адрес страницы может быть со слешами, но основной домен обязательно должен быть без слешей!

6d6f3b143316d4783c8fc8228b2de92b.png

Далее выберите подходящую тематику:

21488961da36ba2bad9bdaac77bc2157.png

4) В настройках ниже выберите количество комментариев, которые будут отображаться на лендинге и ширину в px:

492ab1829263e7fe4dcbf62df6954ff5.png

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

39aa3740f08c881c658660e73f6d996b.png

5) После того как необходимые настройки завершены, нажмите «Сохранить», впишите нужный код с появившейся картинки и нажмите «Отправить»:

68e8be56481c2f3108cd66b9bbc5ef6b.png
362f1746b5a22fe55c443240e049297d.png

6) Далее скопируйте первую часть кода

6a346578d17563198bf5c8b5e311916d.png

7) Откройте страницу в визуальном редакторе LPgenerator и нажмите кнопку «Скрипты» на панели инструментов сверху:

edfe382466c151f6cd5b8286807db2a9.png

Обратите внимание: страница должна быть опубликована на том адресе для которого вы настраивали виджет.

8) Нажмите «Добавить новый скрипт» и вставьте скопированный код.

Установите положение кода “Внутри тега <HEAD>” :

e07f9a80cab99a6a466f56855c4e29f8.png

9) Сохраните изменения:

edb60cf0b53b234a350a3fa2b83a77ae.png

10) Вернитесь на страницу с настройками виджета и скопируйте вторую часть кода:

d85cacbb64861b1863376dbc4172fc37.png

11) Далее снова перейдите в редактор страницы и нажмите кнопку «HTML»:

71d7ec7ef5f0024d7ad1053806746071.png

12) Вставьте вторую часть кода в открывшееся окно:

4c4fabf534e36b1ab86fb118f5411461.png

13) Переместите HTML-заглушку в нужное место на странице и сохраните страницу:

4f93cb920d5e2911c43d7f2b4d7c237d.png

14) Если планируете разместить комментарии внизу страницы, то в расширенные свойства HTML-заглушки добавьте код:

overflow-x:auto;

overflow-y:auto;

6b64e775b18ebd14d0f23674e53fbe92.png

Это ограничит окно комментариев и они не будут уходить за пределы страницы внизу.

15) Готово. Проверьте отображение комментариев перейдя по URL-адресу лендинга.

Если адрес будет отличным от того, для которого настраивали виджет, вы увидите следующую ошибку:

199e17aac87f284d103f77fe344b6433.png

Если что то не получилось, напишите по адресу support@lpgenerator.ru.

Высоких Вам конверсий!

С уважением,
команда LPgenerator 

Помогла ли вам статья?