Генератор кнопки «Наверх»
Создайте настраиваемую кнопку «Наверх» для сайта. Выберите иконку, цвет, форму и позицию.
Настроить
Предпросмотр
Код Вставки
Популярные
О генераторе кнопки «Наверх»
Генератор кнопки «Наверх» бесплатно создаёт качественный результат в любой момент — прямо в вашем браузере. Создайте настраиваемую кнопку «Наверх» для своего сайта. Выберите значок, цвет, форму и положение. Получите код для вставки или готовый JS. Наш генератор кнопки «Наверх» работает с продуманными настройками по умолчанию, но позволяет изменить любой параметр, чтобы итоговый результат подошёл вашему проекту. Все вычисления идут на стороне браузера, поэтому введённые данные и полученные результаты остаются приватными: ничего не загружается на сервер и не попадает в логи. Пользуйтесь сколько угодно — в личных и коммерческих проектах, без указания авторства.
Примеры использования
Как использовать
Задайте фон кнопки (Background) и Icon Color палитрами или HEX-полями и выставьте Size в диапазоне от 32px до 72px.
Выберите форму кнопки — Circle, Rounded или Square — и её положение: Bottom Right или Bottom Left.
Выберите значок в списке иконок: Arrow, Chevron, Double или Rocket.
Ползунком Scroll Offset задайте, насколько глубоко посетитель должен прокрутить страницу — от 100px до 800px, — прежде чем кнопка появится, и отметьте Shadow, чтобы добавить тень.
Проверьте плавающую кнопку в макете браузера в разделе Live Preview, а затем выберите Hosted JS для однострочного тега script или Inline для самодостаточного набора HTML, CSS и JS.
Нажмите Copy на панели Embed Code и вставьте фрагмент на свою страницу перед закрывающим тегом body.
Советы профессионалов
- Меняйте настройки по одной, чтобы видеть, как каждый параметр влияет на результат генератора кнопки «Наверх».
- Нажмите кнопку повторной генерации или случайного варианта несколько раз — удачный результат часто находится с третьей-четвёртой попытки.
- Скопируйте несколько вариантов в буфер обмена или в файл с заметками и сравните их, прежде чем остановиться на одном.
- Если генератор кнопки «Наверх» поддерживает экспорт, сразу сохраняйте важные результаты — на сервере ничего не хранится.
- Сочетайте результаты генератора кнопки «Наверх» с другими инструментами (форматтерами, предпросмотром, средствами проверки), чтобы довести итог до идеала.
Часто задаваемые вопросы
Да. Всё, что создано в генераторе кнопки «Наверх», принадлежит вам: используйте это свободно в личных и коммерческих проектах, без указания авторства.
Да, полностью бесплатно: без регистрации, без платного тарифа и без водяных знаков на результате.
Нигде на нашей стороне. Генератор кнопки «Наверх» работает в вашем браузере, и после закрытия вкладки ничего не сохраняется, поэтому важные результаты сохраняйте локально.
Да. В генераторе кнопки «Наверх» есть настраиваемые параметры, поэтому вы можете подобрать стиль, длину или формат под свои задачи.
Генератор кнопки «Наверх» использует качественный источник случайности и разные шаблоны, поэтому каждый результат почти наверняка окажется уникальным. Если уникальность нужна гарантированно на большом объёме, проверьте итоговый набор собственным механизмом удаления дублей.
Да. Интерфейс адаптивный и работает на iOS, Android и во всех современных мобильных браузерах.