Как сделать форму, чтобы принимать данные?
Чтобы сделать форму, подключите сервисы приема данных в Настройках сайта → Формы, выберите подходящий блок из категории «Форма» настройте его и опубликуйте страницу с формой.
Похожие вопросы
- Как отправлять заявки себе в Telegram?
- Как отправлять заявки себе на почту?
- Заявки из форм не приходят
- Как поменять цвет текста или фона в сообщении об успешной отправке формы?
- Как отправлять заявки в SMS?
Этот ответ был вам полезен?
Просмотры: 56564
Сообщить о нарушении прав
Если вы считаете, что пользователь Tilda Publishing нарушает ваши права, отправьте нам сообщение через форму
Как связаться с поддержкой
Для консультаций по функциям платформы используйте форму обратной связи в вашем личном кабинете или напишите на team@tilda.cc
Как создать свою кнопку в форме ZeroBlock на Tilda
Как выполнить данный пример:
1) Создали ZeroBlock
2) Добавили в него форму
3) Удалили надпись у кнопки формы и сделали ширину и высоту 0px
4) Создали обычную кнопку из button или shape
5) Назначили ей ссылку #sendmyform
6) Добавили код на страницу в блок ДРУГОЕ►Т123
В коде заменили ID нашего ZeroBlock #rec113649472
Внимание:
Пример работает только с одной формой на одной странице.
Применение скрипта к нескольким формам приведёт к ошибке его работы.
Пример формы со своей кнопкой.
К ак создать открытую форму в Zero Block за 9 шагов для Tilda
5. Через диспетчер кода узнаём class нашего shape в ZeroBlock (просто кликаете на shape правой кнопкой мыши и в меню нажимаете посмотреть код/исследовать элемент) Только цифры (Пример — 391855831512051368422)
6. В нашем скрипте заменяем цифры 391855831512051368422 на свои цифры из вашего класса
7. Заходим в настройки блока формы BF204N и копируем id код (только цифры), вставляем эти цифры вместо 39102526 в нашем скрипте
8. Также копируем id ZeroBlock’а (в настройках, только цифры) и вставляем в скрипт вместо значения 39185583
9. Всё дорогие друзья. Остаётся настроить форму (в штатном режиме в блоке BF204N)
Также дополнительные настройки добавил в css:
— цвет таблички об успешной отправке данных
— высота полей ввода
— отступ между полями
— цвет при наведении для кнопки в Zero
— высота и плавность перехода для кнопки в Zero
И не забудьте настроить ZeroBlock для всех экранов!
/*Задаём цвет таблички об успешной отправке данных */ .t-form__successbox < background:#02a0c7 !important; >/*Высота полей ввода */ #rec39185583 input < height: 45px !important; >/*Отступ между полями */ #rec39185583 t-input-group < margin-bottom: 20px !important; >/*Задаём цвет при наведении для кнопки в Zero */ #rec39185583 button:hover < background-color:#fad60a !important; >/*Задаём высоту и плавность перехода для кнопки в Zero */ #rec39185583 button
Просим обратить внимание: техническая поддержка Tilda Publishing не осуществляет поддержку связанную с работой кода
1) В Zero block создаем форму и добавляем нужные нам поля.
2) Добавляем код в блок T123. Код 1 для двух колонок, код 2 для трех колонок.
3) В коде заменяем .tn-elem__986 168 601 554 888 163 328 на class формы из Zero block.
Если нужно чтобы кнопка была по центру формы, добавляем код 3, заменив в нем class формы из Zero block.
Если нужно что бы на экранах 960px и меньше была стандартная форма, в одну колонку, применяем код 4.
Формы в 2 или 3 колонки в Zero Block
Код 1: на 2 колонки
.tn-elem__986168601554888101247 .t-form__inputsbox < display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; >.tn-elem__986168601554888101247 .t-input-group < flex: 50% 0 0; padding: 0 15px; box-sizing: border-box; >.tn-elem__986168601554888101247 .tn-form__submit
Код 2: на 3 колонки
.tn-elem__986168601554888101247 .t-form__inputsbox < display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; >.tn-elem__986168601554888101247 .t-input-group < flex: 33.33% 0 0; padding: 0 15px; box-sizing: border-box; >.tn-elem__986168601554888101247 .tn-form__submit
Код 3: ставит кнопку формы по центру
.tn-elem__986092821554888101247 .tn-form__submit
Код 4: для экранов меньше 960px будет стандартная форма