База знаний
по возможностям платформы

Добавление кнопок Twitter и Facebook на целевую страницу

Создание кнопки для Twitter

1) Перейдите по адресу — https://about.twitter.com/ru/resources/buttons.

2) Выберите тип кнопки (например, “Отправить URL-адрес”):

Выбор кнопки

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

Получившаяся кнопка

Работа кнопки

4) Далее скопируйте код кнопки:

Код кнопки

5) Откройте страницу в визуальном редакторе LPgenerator и нажмите инструмент “HTML»:

HTML инструмент

4) В открывшемся окне вставьте скопированный код и нажмите «Сохранить»:

Добавление кода

5) Переместите HTML-заглушку в место, где хотите видеть кнопку твиттера и сохраните страницу:

Сохранить страницу

6) Готово! Откройте страницу в режиме просмотра или перейдите по ее URL-адресу, чтобы проверить отображение кнопки и настроить ее положение:

Проверка

Добавление кнопки Facebook

1) Перейдите по ссылке - https://developers.facebook.com/docs/plugins/like-button.

2) Введите адрес страницы, которую будут “лайкать”:

Адрес страницы

3) Выберите параметры кнопки с помощью полей “Layout” и “Action Type”. Поле “Width” можно не заполнять:

Параметры кнопки

4) Нажмите кнопку “GetCode” и скопируйте первую часть кода:

Первый код

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

Инструмент "Скрипты"

6) Добавьте новый скрипт и в появившемся окне вставьте скопированный код. Положение скрипта «После тега <BODY> и сохраните:

Положение кода

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

Вторая часть кода

8) На странице в редакторе нажмите инструмент HTML и в открывшемся окне вставьте код:

Инструмент Html

9) Готово! Сохраните страницу и проверьте отображение кнопки перейдя по адресу страницы или открыв ее в режиме просмотра:

Проверка

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 3
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Наталья

    Как добавить кнопку VK.com?

  • Avatar
    Михаил Латушко

    Для встраивания VK.com доступен виджет по руководству:
    https://lpgenerator.zendesk.com/hc/ru/articles/200902803-Интеграция-виджета-Вконтакте-

  • Avatar
    Ramis Khalitov

    Как прописать HTML для оплаты по различным системам! Через https://sprypay.ru/

  • Avatar
    Максим Гуйван

    Здравствуйте, Рамис!

    Для подключения платёжных систем вам будет лучше обратиться в нашу службу технической поддержки - support@lpgenerator.ru.

    Подключение и настройка систем оплаты - задача достаточно объёмная и описать её в нескольких предложениях не представляется возможным, поэтому будет лучше, если вы свяжетесь с нами любым удобным способом и более детально опишете задачу.

  • Avatar
    Виталий

    Здравствуйте, у меня проблема, при добавлении кода кнопка отображается, но когда я нажимаю поделиться, выходит всплывающее окно и там отображается ошибка 403:
    403 Forbidden
    XN----JTBYBBEBIEKI9B.XN--P1AI

    Так же есть второй лендинг у Вас и там тоже самое.

    Как избавиться от этой ошибки!?

  • Avatar
    Константин Руденок

    Здравствуйте, Виталий!

    По всей видимости, ошибка возникает при попытке публикации Вашей страницы в системе Facebook. Подобная ситуация иногда случается при обработке "прикрепленной" к страницам информации.
    Чтобы предотвратить ошибки подобного рода, рекомендуем использовать средство обнаружения неполадок от Facebook - https://developers.facebook.com/tools/debug/og/object/

    Обращаем Ваше внимание - ссылку на страницу обязательно нужно указываться с префиксом www. - http://prntscr.com/6no2il

    Кроме того, напоминаем Вам о том, что при возникновении ошибок Вы всегда можете написать нам на support@lpgenerator.ru, и мы постараемся помочь Вам как можно скорее.

  • Avatar
    Anna

    Фейсбук не дает никакой айфрейм, а дает только 1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
    или
    2. Place the code for your plugin wherever you want the plugin to appear on your page.

  • Avatar
    Максим Гуйван

    Здравствуйте, Анна!

    Судя по всему, Facebook изменил тип добавления подобной кнопки, и вместо Iframe используется двухкомпонентная система:
    1) Код JavaScript SDK вставляется в разделе "Скрипты" - с положением "После тэга <BODY>"
    2) Вторую часть кода вставьте в HTML-заглушке в нужном вам месте страницы.

    Если возникнут затруднения - пишите нам на support@lpgenerator.ru - и мы на примере вашей страницы сделаем более подробную подсказку.

  • Avatar
    Anna

    Максим, более того, с 25 июня перестанет работать и этот инструмент.

  • Avatar
    Алена Балакина

    Здравствуйте, Анна!

    Виджет Like Box - это несколько другой инструмент, и его работа прекращается 23 июня 2015 года. Виджет Like Button , добавление которого описано в нашем руководстве, продолжает свою работу и не связан с Like Box.

На базе технологии Zendesk