Насколько просто делать сайты на Tilda?

Благодаря удобной панели инструментов на Тильде, я легко справляюсь с поставленными задачами заказчиком и работой по ТЗ.

Какие возможности функционала Tilda?

Тильда - это конструктор сайтов, но её возможности для творчества не ограничены. На сегодняшний день 90% потребностей заказчика возможно внедрить на Тильде.

Насколько удобно управлять сайтом на Tilda?

Благодаря удобному и понятному интерфейсу, вы без труда будете самостоятельно изменять контент на своем сайте а так же управлять заказами CRM от Тильды.

Разработка и создание сайтов на TILDA

Заказать звонок

+7 (978) 755-48-31

Бесплатно

Конструктор кастомного курсора для Тильда

Видео инструкция

Инструкция по установке

Форма и цвета

Форма курсора — выберите фигуру: круг, квадрат, треугольник, ромб или звезда.
Цвет курсора — основной цвет фигур.
Цвет текста подписи — цвет надписи, которая появляется внутри курсора.

Размеры

Размер точки — маленькая точка, которая движется точно за мышкой (8px по умолчанию).
Размер фигуры-фоловера — основная фигура, следующая с инерцией (40px).
Размер при наведении — насколько фигура увеличивается над ссылками и кнопками (64px).
Толщина контура фигуры — обводка основной фигуры (2px).

Поведение

Скорость следования — чем меньше значение, тем плавнее и «тяжелее» движение фигуры. 0.16 — золотая середина, 1 — фигура движется мгновенно.
Поворот фигуры при наведении — фигура повернётся на 45° над ссылками (для круга эффект незаметен).
Прятать системный курсор — скрывает стандартную стрелку. Рекомендуем оставить включённым.

💡 Потестируйте в превью: поводите мышкой, наведите на кнопки и карточку, покликайте.

Сгенерируйте и вставьте код

Когда всё устраивает — нажмите зелёную кнопку «Сгенерировать код».
В открывшемся окне нажмите «Копировать код».
Откройте нужную страницу в редакторе Tilda.
Добавьте блок Т123 (HTML-код) — можно в самый низ страницы.
Вставьте скопированный код в блок и сохраните.
Опубликуйте страницу — всё готово!

Курсор будет работать на всей странице. Если нужен на всём сайте — вставьте код на каждую страницу (или в «Настройки сайта → Ещё → HTML-код для вставки внутрь HEAD»).

Подписи внутри курсора (по желанию).

Способ 1 — свой текст (рекомендуем) Добавьте элементу атрибут: data-cursor="Смотреть"

При наведении на такой элемент курсор покажет слово «Смотреть». Текст можете написать любой.

Способ 2 — текст из самого элемента

Добавьте элементу класс: dev-cursor-label

В курсор попадёт текст этого элемента (обрежется до 24 символов).

📍 Как добавить атрибут или класс в Zero Block: выберите элемент → в настройках откройте «Ещё» → впишите атрибут в поле HTML-атрибутов или класс в поле «CSS-класс».

Добавьте элементу класс: dev-cursor-label

В курсор попадёт текст этого элемента (обрежется до 24 символов).

Доступ к генератору

« Конструктор кастомного курсора для Тильда»

Конструктор доступен после входа в аккаунт

Войти в аккаунт

Зарегистрироваться

Конструктор курсора

Настройте форму, цвета, размеры и поведение курсора слева — превью обновится автоматически. Затем нажмите «Сгенерировать код» и вставьте его в блок Т123 на своей странице.