Как можно добавить кнопку, которая будет открывать скрытое поле в Тильде? 

Я впервые сталкиваюсь с Тильдой и меня попросили реализовать на странице с объявлениями скрытие номера телефона. Сначала номер должен отображаться в формате <br/> Номер телефона, заменённого на текст "Скрыто", с кнопкой "Показать": <br/> +7-999-СКРЫТО [ПОКАЗАТЬ] <br/> <br/> При нажатии на кнопку необходимо проверить, человек это делает или робот. Для этого можно использовать капчу. В случае успешной проверки номер телефона должен отображаться. <br/> <br/> Полный номер должен храниться в таком месте, чтобы получить его нельзя было без проверки капчи. <br/> <br/> В общем, это можно решить с помощью открытия формы с капчей и кнопкой "Запросить". При успешной верификации отправляется запрос к серверу, который по идентификатору объявления возвращает номер телефона для отображения. <br/> <br/> Однако у меня вопрос: возможно ли реализовать это только с помощью инструментов Тильды, или потребуется дополнительный сервер, на котором будет находиться скрипт для проверки капчи и возврата номера телефона для отображения?
  • 6 марта 2025 г. 14:05
Ответы на вопрос 2 
В Тильде можно реализовать функцию пока скрытия номера телефона, однако для достижения желаемого функционала с проверкой капчи и возвратом номера телефона, вам скорее всего понадобятся дополнительные инструменты и сервер.

Вот общая схема, как можно организовать решение вашей задачи:

1. **Создание скрытого поля с номером телефона**:
   - На странице Тильды создайте текстовый блок, в котором будет написано что-то вроде "+7-999-СКРЫТО [ПОКАЗАТЬ]".
   - Добавьте кнопку "Показать" ниже текста.

2. **Форма с капчей**:
   - Создайте форму, которая будет включать в себя капчу (например, Google reCAPTCHA) и кнопку "Запросить номер".
   - Эта форма может быть скрыта до момента нажатия кнопки "Показать". Вы можете сделать это с помощью обычного JavaScript, добавив обработчик событий на кнопку.

3. **Обработка формы и запрос к серверу**:
   - После успешной верификации капчи форма будет отправляться на ваш сервер.
   - Сервер будет обрабатывать запрос, проверять капчу, а затем возвращать скрытый номер телефона.

4. **Отображение номера телефона**:
   - Как только сервер отправляет ответ с номером телефона, на клиентской стороне вы можете обновить текстовый блок с номером телефона, чтобы показать его пользователю.

К сожалению, реализовать все это только с помощью инструментов Тильды окажется сложнее, так как стандартные элементы и функционал Тильды не поддерживают серверное взаимодействие и динамическое изменение контента на основе серверных запросов.

### Необходимые дополнительные шаги:

- **Серверная часть**: Вам понадобится создать серверное приложение (например, с использованием Node.js, Python, PHP или другого языка), которое будет обрабатывать запросы от формы, проверять капчу и возвращать номер телефона.
  
- **Служба проверки капчи**: Интеграция с API Google reCAPTCHA или другой службы капчи для проверки пользователя.

### Примерный алгоритм:

1. Нажатие на кнопку "Показать":
   - Скрипт скрывает текущий текст и показывает форму с капчей.

2. Отправка формы:
   - Пользователь вводит капчу и нажимает "Запросить номер".

3. Подтверждение капчи на сервере:
   - Сервер проверяет капчу. Если она успешна, сервер отправляет номер телефона обратно.

4. Отображение номера:
   - Ответ сервера обновляет текст в блоке на странице, заменяя "СКРЫТО" на номер телефона.

### Заключение:

Для реализации вашего сценария вам потребуется создать серверное решение для обработки капчи и возврата номера телефона, так как стандартных возможностей Тильды может быть недостаточно.
Капча в тильде есть в формах. 
 Я бы проверил такой способ - попробовать взять форму из tilda, пустую, без полей. 
 Тогда останется только капча и кнопка отправить. А в окне Спасибо выводить номер телефона. Если тильда такое не даст сделать, тогда конечно сторонний сервер, туда слать ajax запросы.
Похожие вопросы
    Показать ещё