-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM219 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ
Как Ограничить количество символов
в поле и отобразить счетчик?
Модификация добавляет визуальный счетчик в поле textarea с количеством введенных символов и максимальное количество доступных символов.
Инструкция
Шаг 1
Добавьте на страницу блок с полем textarea или в Зеро Блоке создайте элемент Form с полем textarea внутри.
Шаг 2
Укажите имя переменной в настройках поля, в которой будет храниться значение поля textarea.
Шаг 3
В настройках модификации выберите шрифт для отображения счётчика символов. Шрифт будет взят из настроек Tilda — либо для заголовков, либо для текста.
Шаг 4
Задайте максимальное количество символов, доступных для ввода.
Шаг 5
Укажите отступы от правого и нижнего края поля для позиционирования счётчика: сначала отступ справа, затем отступ снизу.
Шаг 6
Выберите цвет текста
Шаг 7
(Опционально) Если нужен фон для счётчика, укажите цвет фона и добавьте внутренний отступ. Фон будет применён только при непустом значении цвета.
Шаг 8
(Опционально) При необходимости укажите радиус скругления углов счётчика (работает только если задан цвет фона).
Шаг 9
Вставьте код в блок t123 на вашей странице
Шаг 1
Добавьте на страницу блок с полем textarea или в Зеро Блоке создайте элемент Form с полем textarea внутри.
Шаг 2
Укажите имя переменной в настройках поля, в которой будет храниться значение поля textarea.
Шаг 3
В настройках модификации выберите шрифт для отображения счётчика символов. Шрифт будет взят из настроек Tilda — либо для заголовков, либо для текста.
Шаг 4
Задайте максимальное количество символов, доступных для ввода.
Шаг 5
Укажите отступы от правого и нижнего края поля для позиционирования счётчика: сначала отступ справа, затем отступ снизу.
Шаг 6
Выберите цвет текста
Шаг 7
(Опционально) Если нужен фон для счётчика, укажите цвет фона и добавьте внутренний отступ. Фон будет применён только при непустом значении цвета.
Шаг 8
(Опционально) При необходимости укажите радиус скругления углов счётчика (работает только если задан цвет фона).
Шаг 9
Вставьте код в блок t123 на вашей странице
- Откройте страницу в редакторе Tilda.
- Добавьте блок t123 (HTML-код).
- Вставьте скопированный код в поле для HTML-кода.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Заявка на следующий поток
P.S. Внимание, это фейковая кнопка, мы не принимаем заявки на следующий поток
Копируем ID товара
Вставляем ID товара в блок ST200 на странице.
+ нажимаем "Заполнить поля данными товара из каталога и сохранить."