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

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

Создание кнопки для 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) Готово! Сохраните страницу и проверьте отображение кнопки перейдя по адресу страницы или открыв ее в режиме просмотра:

Проверка

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