Прокачай стандартные формы в Тильде на 300%

Рет қаралды 57,012

3 жыл бұрын

Прокачай стандартные формы в Тильде на 300%
Сегодня я покажу, как с помощью кода html/css/js на тильде максимально кастомизировать стандартные формы tilda zero block. Благодаря этому способу вы сможете объединять формы и задавать им любое расположение и дизайн внутри зеро блока.
🦜Поддержать автора копейкой: www.donationalerts.com/r/swan4er
Ссылка на код для форм tilda: yadi.sk/d/0YZrBcAFUXew5w
___________________________________________
✅Поделись видео с друзьями: • Прокачай стандартные ф...
✅Подпишись на канал и поставь🔔: / @design_scripts
Прокачай стандартные формы в Тильде на 300%
___________________________________________
ВК: id117174434
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock

Пікірлер: 326

@design_scripts 3 жыл бұрын

Небольшие эксперименты с заголовком и превью 👉👈

@user-wc6bj9iw5d 3 жыл бұрын

класс

@TV-ye5jv 3 жыл бұрын

Подскажи пожалуйста, поле для загрузки файла в форму это input?

@printpeaks8028 2 жыл бұрын

@@TV-ye5jv тоже интересует этот вопрос

@techsaucee 2 жыл бұрын

Чувак!!! Ты как глоток ледяной колы в аду для некодеров, которым нужны лайфхаки с тильдой! Спасибо большое за контент! Большой респект! И очень доступно пошагово обьясняешь, в отличие от других авторов

@user-xb4os1eg3e 3 жыл бұрын

Молодец! Было бы полезно видео на смежную тему: как сделать крутой калькулятор.

@super-preza 3 жыл бұрын

Волшебник!!! Огромное спасибо за то, что просветляешь умы тильдошников и вдохновляешь на новые идеи!

@ApploDi Жыл бұрын

Молодец, подробно и без воды. Красавчик

@user-mx9kf6yi7v Жыл бұрын

Аааа, это просто лучшее видео по Тильде!! Я была очень расстроена, когда поняла, что не смогу применить свой дизайн при верстке, но теперь это наконееец-то получится. Спасибо! :)

@user-bz6gx7pd2e 2 жыл бұрын

Спасибо за пытливость и дотошность! Всех благ!

@nakedtomorrow 3 жыл бұрын

Супер! Как всегда очень полезно!

@design_scripts 3 жыл бұрын

Ты на скорости 25х посмотрел?) Спасибо за комментарий, приятно слышать🔥

@Stafexy Жыл бұрын

Красавчик, офигенно придумал и осуществил

@user-zx8ul3is5q 3 жыл бұрын

Твой канал по Тильде самый лучший!!!!!!!!

@user-rb4qr9tb2w 3 жыл бұрын

Благодарю за видео!

@pvs2489 3 жыл бұрын

Необычно и лайк за видео и нестандартный подход.

@papakappas 2 жыл бұрын

Очень полезное видео, спасибо !

@MAX_ShapeD Жыл бұрын

Спасибо тебе большое!) С твоей помощью можно нехило так не только формы, но самому прокачаться)) Ты крутой😎🤯

@pavelsemenov8433 3 жыл бұрын

Очень полезно! Супер!

@maikira943 Жыл бұрын

Это нечто: все предельно просто и понятно, дотошность в расписывании каджого последовательного действия вводит в экстаз, ну и Тильда становится все более привлекательной, благодаря тебе!!!!

@sergeykolinko 3 жыл бұрын

Спасибо огромное за ваш труд, давно думал как это можно реализовать!))

@design_scripts 3 жыл бұрын

Рад, что помог)

@_dovzhenko 3 жыл бұрын

Как же это божественнооооооо. Спасибо большое за проделанный труд и то что делишься знаниями. Продолжай в том же духе )

@design_scripts 3 жыл бұрын

Спасибо, приятно видеть, что мой контент заходит) Продолжаю и пока останавливаться не планирую :D

@user-sn5el5sg5f 3 жыл бұрын

Спасибо за контент дружище, очень полезно. Интересно больше видео с кодом,библиотеками и все что касается front end.

@design_scripts 3 жыл бұрын

И тебе спасибо за комментарий) Я с радостью. Пиши, если есть предложения) сейчас я потихоньку разбираюсь с gsap и barba.js для анимированных переходов по страницам

@AlexKevin2939 Жыл бұрын

Благодарю за видео, всё предельно ясно) очень помогли)

@Ilarion3 Жыл бұрын

Спасибо, очень годный контент!

@onlymozg6811 3 жыл бұрын

Удивил так удивил) В принцыпе знал об этом, но твой скрипт более простой и рассказ очень понятный для освоения. Теперь точно данный способ закрепил в голове!) Спасибо!

@design_scripts 3 жыл бұрын

Да, поскольку канал, в основном, для людей, не связанных с вёрсткой кодом, я стараюсь давать инфу максимально подробно, упрощённо и с примерами) Спасибо за приятный комментарий)

@natali1002 Жыл бұрын

безумно полезное видео. спасибо большое

@Sabinakusmanova 3 жыл бұрын

Вы классный, спасибо вам )

@aleksey_ramazanov 3 жыл бұрын

Подскажи, пожалуйста, что нужно указать в настройках фейковой кнопки, вместо URL, чтобы наводя на неё курсор менялся на "руку с пальцем"?

@rimmchik__ 3 жыл бұрын

Очень круто!!! спасибо )

@stannismorales7022 3 жыл бұрын

Очень крутой приём! Успехов тебе !)

@design_scripts 3 жыл бұрын

Благодарю)

@user-oe5bc9bs1y 2 жыл бұрын

Спасибо)) очень помог)) еще бы что то подобное увидеть с меню))

@vadimandriyanov7771 2 жыл бұрын

Молодец -красава!!! Ждем больше калькуляторов от тебя!

@dariagerbu Жыл бұрын

ОГРОМНОЕ СПАСИБО!!!!!!!

@ferrumallnight 3 жыл бұрын

Один из самых полезных каналов на ютубе!

@design_scripts 3 жыл бұрын

Очень высокая оценка, спасибо, приятно) Стараюсь давать только максимально качественный контент, которого еще не было на ютубе :D

@uudaraful 3 жыл бұрын

Спасибо! В свое время очень не хватило знания про картинки и чекбоксы

@asapyo7961 3 жыл бұрын

Ооооооооооооооооооочень круто! Спасибо!

@design_scripts 3 жыл бұрын

Ооооочень рад это слышать :D И тебе спасибо за коммент

@user-ur8bk6hw6v 3 жыл бұрын

Чувак, это очень круто. Каждый видос, как озарение. А ведь когда-то я считал тильду обычным конструктором сайтов

@design_scripts 3 жыл бұрын

Спасибо за коммент, многие так до сих пор считают)

@user-wc6bj9iw5d 3 жыл бұрын

@@design_scripts она только раздражает своей топорностью

@evgamingplay 9 ай бұрын

Тильда и есть обычный конструктор. Для реализации самых обычных штук нужно постоянно использовать костыли. А за видос огромное спасибо.)

@user-rt7gy7pj1b 3 жыл бұрын

Большое спасибо)

@Ivan-yd2hy Жыл бұрын

Ты просто лучший!

@n3verbefore 3 ай бұрын

Огромное спасибо

@vachhun4684 3 жыл бұрын

Умопомрачительный тутор!))

@adswinnerclub 3 жыл бұрын

То, что ты делаешь, это бомба

@design_scripts 3 жыл бұрын

Я рад, что тебе понравилось) Спасибо за комментарий

@Romen13337 2 жыл бұрын

Спасибо ты большой молодец

@user-km6nr6zx5m 10 ай бұрын

Это слишком классно, что бы быть правдой. Я сплю. Почему другие продают это за мульёны. СПАСИБО!

@elenavenskaya4478 3 жыл бұрын

Стас, спасибо за видосик. Очень полезно и информативно, впрочем, как всегда) Только вчера ломала голову, как сделать нормальный калькулятор, а не колбасу на много пикселов вниз) И тут ты...как Санта...с подарком) Лайкосик зарядила!)

@design_scripts 3 жыл бұрын

Спасибо, я очень рад, что помог)

@nikitagromyko9751 3 жыл бұрын

Почему у этого канала всего 3к подписчиков? Тут контент минимум на 100к. Просто лучший!

@design_scripts 3 жыл бұрын

Спасибо, постоянно стараюсь расти, искать что-то новое, чего ещё ни у кого не было) Приятно слышать😌

@Bratishkathai 2 жыл бұрын

Ай да хитрец)

@Bulat3576 3 жыл бұрын

Спасибо! Вот как раз ломал голову по поводу форм...

@reqdee4014 3 жыл бұрын

У меня нет слов. Ты гений.

@design_scripts 3 жыл бұрын

Воу, достаточно высокая оценка :D Стараюсь, спасибо)

@a_sweetlove 3 жыл бұрын

Спасибо очень помогли

@vader814 Жыл бұрын

Ты лучший, сколько раз уже меня выручил - не сосчитать

@user-ew6fd8qu7y 3 жыл бұрын

Все круто, работает. Огромное спасибо, но есть ли способ подсветить обязательное поле для заполнения, в случае если его не заполнили?

@dikiy_ds Жыл бұрын

Спасибо брат, всё получилось

@maximsamos 3 жыл бұрын

Ты сделал мой день! Спасибо за урок. В Pop Up квиз этот трюк можно повторить?

@user-js8sy4lo2q 7 ай бұрын

Очень интересно, легко и круто!!! а можно ли так де сделать с радио-кнопками??

@qj1663 Жыл бұрын

Очень познавательно, просто и понятно, без лишней мишуры! Лайк! Подписка! подскажи пожалуйста, а можно добавить калькулятор к такой форме? (чтобы пользователь видел стоимость выбранных товаров и услуг) ?

@alexandrmeyer737 3 жыл бұрын

Мужик ты супер! Если ты покажешь кастомизацию с корзиной - это будет огниииищеее! Например поэтапный экран или что то отличное от стандарта Тильды. Очень актуально.

@design_scripts 3 жыл бұрын

Спасибо) Если честно, с магазинами работал очень мало, однако, я постараюсь найти что-нибудь интересное

@Y_artinvestor 3 жыл бұрын

Ты молодец! Я думаю у тебя будут классные сайты!

@design_scripts 3 жыл бұрын

Спасибо за добрые слова)

@user-ri6gr4rc8m 3 жыл бұрын

Спасибо огромное за видео. Максимально подробно и понятно. а есть ли возможность привязать к форме поле "загрузить файл"? буду очень благодарна за ответ

@user-oz4dx4vf1g 3 жыл бұрын

Очень круто, спасибо чувак! Один вопрос, нужно использовать в форме телефон. Нужно добавлять поле в одну строчку (input) или прямо с маской можно задействовать телефон? Надеюсь понятно написал)

@BlackCatDesign_ 29 күн бұрын

Привет, ты безумно мне помог, спасибо огромное!!! Единственный вопрос, какие шаги нужно предпринимать, чтобы сделать sbs анимацию по клику, дабы форма выделялась, а то у меня не работает это

@brevity-ag 3 жыл бұрын

Привет! Подскажи, а с загрузкой файла можно что-нибудь придумать в этом случае?

@user-zw1wi6me7k 10 күн бұрын

Классное видео, Большое Спасибо! Возник вопрос как соединить формы радиокнопок.

@crocodilishe6403 3 жыл бұрын

лучший просто

@adifitvideo Жыл бұрын

Super

@user-hu6qp6fm9o 3 жыл бұрын

Где ты был рантше, я так долго искал эту тему

@mariannatolstokorova1148 Жыл бұрын

Очень классное решение! Спасибо большое) Станислав, или кто-то из ребят, можете подсказать, какую команду в коде задать, что бы была возможность подключить "загрузку документа"? Спасибо

@user-gn2np6fx1r 3 жыл бұрын

подскажи, пожалуйста, можно ли кастомизировать попап формы на Тильда и если можно, то будет ли видос?)) спасибо за ролики, ты крутой!

@mdesign8409 3 жыл бұрын

А как отправку файла сделать? И еще не обводятся красным поля которые обязательны для заполнения , в случае их не заполнения

@user-gm7jz1cr3u 3 жыл бұрын

Привет! Круто 👍🏻 Однако при нажатии на “Enter” на стилизованных формах, всплывает окошко об отправке.

@polygraphinya 9 ай бұрын

Очень крутое видео, безумно помогло! Только один вопрос: как сделать, чтобы после нажатия "отправить" данные, введенные в поля фейковой формы очищались (как бы обновлялись, чтобы можно было вводить уже новые данные, не удаляя в ручную)?

@melnykdsgn 2 жыл бұрын

ТЫ нечто

@user-xx4ou9xx4r 3 жыл бұрын

Круто! Просто блеск! Спасибо! Буду экспериментировать! С подобными штуками. Подскажи, может знаешь Почему у меня при отправке заявки на покупку (с привязанной платежной системой и доставкой) не уходят заявки в срм, в таблицу и на почту? Все настроено, везде клацнул, чтобы сбор данных прикрепился ко всем формам. И все равно ничего( Буду очень признателен!

@kovalcuk_diana 4 ай бұрын

Просто невероятная информация , спасибо большое ❤подскажите пожалуйста, какой ввод для календаря нужно вставить ? ( вот как для текстового поля - ‘textarea’ ) 🙏🏽 буду очень благодарна ❤

@user-mq6wt3mq7n 3 жыл бұрын

Я долго искала решение этой проблемы с формами в Zero блоке и очень обрадовалась, когда нашла Ваше видео! Спасибо Вам большое, так все понятно и подробно объясняется, у меня почти все получилось сделать, как в дизайне. Все кроме подключения поля, чтобы можно было загрузить файл. Вы в видео говорили, что на поля с вводом данных подходит input, а под поле с загрузкой что нужно писать? Или в этом случае скрипт намного сложнее?

@Milkamelloy 3 жыл бұрын

Аналогичная проблема, надеюсь у вас получилось в итоге найти решение

@dominikavasilevskaja5936 5 ай бұрын

получиться ли такое провернуть еще с полем с календарем?

@snajdnrj 3 жыл бұрын

Спасибо за видео! У меня вопрос, заявки в полях, сделанных по такой схемы, потом в тильда crm отражаются как две заявки: одна из просто поля и вторая из поляFake. Можно как-то сделать чтобы заявка была одна?

@user-oe7nm9zx1y Жыл бұрын

Привет, Друг! Большое спасибо за видео, очень помог Но есть вопрос по phone input Какой код html для дублирования в оригинальную форму можно использовать для телефона?

@ANYA43077 Жыл бұрын

интересно, можно ли такой вариант сделать не отдельным блоком, а запаковать в попап?

@vov7512 2 жыл бұрын

Как и где смотреть все остальные типы полей ?

@user-pp4td4hs1t 3 ай бұрын

Интересно, а можно ли также подключить поле с загрузкой файла

@user-ss9rq7qu2o 3 жыл бұрын

Привет, в видео на 8:28 говоришь про выделение при нажатии на чекбокс. Как это сделать? И как сделать что бы можно было выбрать только один из перечисленных, а не любое количество, как у тебя на видео? Никак не могу найти ответ

@yablische 2 жыл бұрын

Появился вопрос) А как к этому всему прикрутить загрузку файлов на обменник?) Чтобы все это с формой работало. И кнопку загрузки сделать кастомную, с нужным дизайном)

@sapov617 4 ай бұрын

Привет ! а как заменить чекбокс, вместо картинки на кнопку ?

@user-yt5qt1dv3q 2 жыл бұрын

Круто)) А как на счет квиза в зеро блоке? не смог найти нормальную информацию(

@Muhammad-ft1jw Жыл бұрын

Спасибо за видео подскажите пожалуйста а оригинальную форму обязательно в зероблоке делать и почему у меня после отправки не выводиться "спасибо данные успешно отправлены" спасибо за ранее

@user-ls3qg3px7p 3 жыл бұрын

Подскажите пожалуйста, можно ли как то открыть отображение добавленных товаров в корзину не скрывая всего блока корзины, а только формы, хочу проделать тоже самое с корзиной, верстаем свою

@transerfer_channel 2 жыл бұрын

Привет. Какое значение в коде нужно вписать для того, что бы копировалась строчка с выбором даты? date в форме. C select и imput не работает

@adewki9066 Жыл бұрын

вы гений

@Dmitrii_M 2 жыл бұрын

Как сделать уведомления под каждым выпадающем списком/чекбоксом об обязательном заполнении поля, если что-то не ввели? Хочу убрать штатное уведомление об ошибке справа внизу

@user-qr7ti8fs4x 3 жыл бұрын

Хотелось бы потборку видео на тему e-commers

@andreymedvedev3125 4 ай бұрын

есть минусы этого решения( 1) После отправки данных приходит окно успеха, но когда ты закрываешь окно, поля в форме по прежнему заполнненый инфой и это может смутить пользователя, приняли ли заявку или нет. 2) поля обязательные поля не подсввечиаются красным, так как в фейковой фоорме я убрал стили

@DI-lv9cc 6 ай бұрын

Спасибо за полезную инфу! Только почему-то не могу подвязать фиктивную форму к реальной с блоком «вопрос с ответом».

@DI-lv9cc 6 ай бұрын

Может кто знает в чем проблема, напишите, пожалуйста

@user-fp8zh7pc4x 3 жыл бұрын

Возможно ли сделать автозаполнения документа через форму с возможностью скачать потом этот документ в pdf?

@archi1749 3 жыл бұрын

ты очень крут. Хотел спросить, можно ли в тильду добавить анимированный html5 баннер сделанный в Adobe Animate?

@design_scripts 3 жыл бұрын

Давай попробуем) Пиши в вк или инсту. Контакты в описании

@marakoris Жыл бұрын

А если за место картинок использовать чекбоксы, как тогда передавать значения?

@professor210 Жыл бұрын

в скриптах, что вы даете, прописаны очистка форм фейковых. Однако, формы не очищаются фейковые, после отправки. Подскажите?

@alexanders6262 2 жыл бұрын

Сделал форму попапом, как сделать так, чтобы она автоматически закрывалась после нажатия кнопки "отправить" в случае правильного заполнения полей и не закрывалась после некорректного заполнения полей?

@mikhaildyachenko1670 3 жыл бұрын

Станислав, а как быть с загрузкой файла? Нельзя эту функцию здесь делать?

@dippdp1108 3 жыл бұрын

Круто. Спасибо! Как понимаю, реальную форму можно взять любую стандартную, не обязательно ее в Zero block делать?

@design_scripts 3 жыл бұрын

Не помню, можно ли стандартные формы проименовать так же легко. Ну, по идее, имена у них должны стоять стандартные. Так что без проблем. Зеро блок был взят для простоты объяснения. Там project, а там projectFake - их связали друг с другом, и всё работает

@ムシヒンオレグ 3 жыл бұрын

Здравствуйте. Сделал в зеро блоке калькулятор. В нем вставлена форма "Вопрос с картинками". 4 варината. Все в ряд. Но если настраивать расположение на телефоне (самые маленькие разрешения 320-480, 480-640) выходит 3 картинки в одном ряду и 1 в следующем. Все настройки перепробовал. Не меняется. с увеличением или уменьшением формы картинки также меняют размер, поэтому последняя не перескакивает выше. Помогите пожалуйста. Спасибо.

@patryhofficial 3 жыл бұрын

Блин друг ты пушка вертушка просто. Сделай пожалуйста продолжение видоса. Хочется увидеть работу с датой, типо создание онлайн-записи, или записи на мероприятие в определённый день и время. Даже тебе заплачу если сделаешь видосик такой :)))))) так для инфы @patryhofficial в любом поиске найдешь меня)