Конструктор социальных кнопок

Создайте персонализированные плавающие кнопки для вашего сайта с выбором иконок из библиотеки Font Awesome и предпросмотром в реальном времени

Настройки главной кнопки

Иконка:

Цвет текста:

Цвет фона:

Эффект пульсации:

Позиция на экране:

Справа снизу

Слева снизу

Справа сверху

Слева сверху

Позиция на мобильных:

Справа снизу

Слева снизу

Справа сверху

Слева сверху

Направление на мобильных:

Направление кнопок:

Добавить социальную кнопку

Социальная сеть:

Предпросмотр вашего виджета

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

Инструкция по использованию

Настройте внешний вид и расположение главной кнопки в разделе "Настройки главной кнопки"
Нажмите на иконку палитры, чтобы выбрать другую иконку из библиотеки Font Awesome
Добавьте нужные социальные кнопки, выбрав социальную сеть и нажав "Добавить"
Для каждой добавленной кнопки вы можете настроить ссылку, цвета и иконку
Просматривайте изменения в реальном времени в разделе "Предпросмотр"
Для использования иконок Font Awesome:
- Добавьте в раздел <head> вашего сайта ссылку:
```
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
```
- Или используйте npm: npm install @fortawesome/fontawesome-free
- Подробнее: fontawesome.com/start
Скопируйте сгенерированный код и вставьте его перед закрывающим тегом </body> на вашем сайте
Кнопки автоматически появятся в указанном месте на вашем сайте
Для быстрого использования нажмите "Скачать" чтобы получить готовый HTML-файл

Готовый код для вашего сайта

Настройте кнопки и нажмите "Добавить", чтобы сгенерировать код

Модификации

Подборка кодовых модификаций для сайтов на Craftum, позволяющая решить любые задачи, выходящие за рамки стандартного конструктора Craftum.
С генераторами кода и видео-инструкциями.
Расширения для Craftum, с которым ты можешь больше и быстрее создать продающий и впечатляющий сайт для себя и своих клиентов.

Для сайта

Craftum Сайт создан на Craftum

Настройки главной кнопки

Добавить социальную кнопку

Инструкция по использованию

Готовый код для вашего сайта

Выберите иконку