Добавить в корзинуПозвонить
Найти в Дзене
MILITARYБлог

Социальные кнопки html код на сайт

🔥Всем привет! Сегодня я вам расскажу про очень удобный сервис для вставки социальных кнопок на сайт с готовым html кодом Вам только нужно подобрать дизайн и социальные кнопки., а после вам только нужно вставить в раздел страницы данный код. Сервисов существует много, но я буду рассматривать только один сервис USOCIAL-социальный сервис 1.Переходим по ✔️ ссылке и проходим быструю регистрацию на данном сервисе. Возможна регистрация через Яндекс, Google, Email. 2.После пройденой регистрации, выбираем раздел который вы хотите добавить на свой проект. Я выбиру раздел "поделиться" и нажимаю кнопку "создать кнопку" В этом разделе выбираем подходящие нам кнопки социальных сете и переносим их на слой контейнер для дальнейшего редактирования, внешнего вида и расположения. После всех процедур настройки в самой нижней части конструктора, вводим данные название блока и #адресссайта Нажимаем кнопку" с генерировать код" Скопируйте код и вставьте на те страницы своего сайта, где хотите

🔥Всем привет! Сегодня я вам расскажу про очень удобный сервис для вставки социальных кнопок на сайт с готовым html кодом Вам только нужно подобрать дизайн и социальные кнопки., а после вам только нужно вставить в раздел страницы данный код.

👇👇👇👇👇👇
👇👇👇👇👇👇

Сервисов существует много, но я буду рассматривать только один сервис USOCIAL-социальный сервис

1.Переходим по ✔️ ссылке и проходим быструю регистрацию на данном сервисе. Возможна регистрация через Яндекс, Google, Email.

USOCIAL
USOCIAL

2.После пройденой регистрации, выбираем раздел который вы хотите добавить на свой проект.

Я выбиру раздел "поделиться" и нажимаю кнопку "создать кнопку"

Раздел для редактирования
Раздел для редактирования

В этом разделе выбираем подходящие нам кнопки социальных сете и переносим их на слой контейнер для дальнейшего редактирования, внешнего вида и расположения.

После всех процедур настройки в самой нижней части конструктора, вводим данные

название блока и #адресссайта

Нажимаем кнопку" с генерировать код"

Рисунок 2
Рисунок 2

Скопируйте код и вставьте на те страницы своего сайта, где хотите видеть панель.

Рекомендуется вставлять код в конец страниц, перед закрывающим тегом </body>.

Пример:

<!-- uSocial -->

<script async src="https://usocial.pro/usocial/usocial.js?uid=5c09d41a2ef60596&v=6.1.5" data-script="usocial" charset="utf-8"></script>

<div class="uSocial-Share" data-pid="260d9432638cb5a8164a5b8641d0c6e6" data-type="share" data-options="round-rect,style1,default,bottom,slide-down,size32,eachCounter0,counter0,upArrow-right,mobile_position_right" data-social="vk,ok,lin,telegram,wa,spoiler"></div>

<!-- /uSocial -->

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

Хостинг партнер

✔️ lite.host

✔️ Telegram канал - WYSIWYG Web Builder

Все о создании и адаптации под разные платформы landing page