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

[@design_scripts]

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

[@ИльяФомин-з1ь]

класс

[@TV-ye5jv]

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

[@printpeaks8028]

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

[@amiazin]

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

[@АлександрБогданов-с4в3ф]

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

[@_dovzhenko]

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

[@design_scripts]

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

[@Герцог-ф4з]

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

[@design_scripts]

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

[@ИльяФомин-з1ь]

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

[@evgamingplay]

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

[@Вероника-ы5д1щ]

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

[@maikira943]

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

[@aleksey_ramazanov]

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

[@peonelex9114]

Кто-нибудь разобрался?

[@БогданОстапчук-м6я]

тоже не работает, кнопка не кликабельна(

[@super-preza]

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

[@sergeykolinko]

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

[@design_scripts]

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

[@nikitagromyko9751]

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

[@design_scripts]

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

[@СветланаБорисова-п3ш]

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

[@onlymozg6811]

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

[@design_scripts]

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

[@ApploDi]

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

[@ЛидияДементьева-ь7н]

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

[@LifeinKHV]

Благодарю от всей Души!)))))))

[@АнастасияПульникова-в6г]

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

[@brevity-ag]

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

[@Stafexy]

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

[@nothing_1312]

Все очень доступно и понятно, но есть один вопрос. Есть ли возможность кастомизировать форму для загрузки файла, вписав в этот готовый код еще пару строк для данного поля?

[@ТатьянаЮдина-з5я]

мне тоже очень актуален данный вопрос

[@vov7512]

Решили вопрос?

[@ДанилМезин-щ1ь]

Так же очень актуален этот вопрос

[@iltsilin1568]

Есть ли возможность кастомизировать форму для загрузки файла?

[@Александр-ф6б5й]

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

[@ferrumallnight]

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

[@design_scripts]

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

[@stannismorales7022]

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

[@design_scripts]

Благодарю)

[@АндрейЛобзин-ш1л]

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

[@bolshezolota]

А откуда кнопка взялась неожиданно? Это часть какой-то из форм?

[@FoxBlack-p9h]

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

[@design_scripts]

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

[@ildezigner]

Привет, а у меня почему-то при наведении на кнопку отправить форму не работает ХОВЕР (палец не появляется), но при нажатии всё работает! как можно победить?

[@pvs2489]

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

[@uudaraful]

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

[@natali1002]

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

[@МихаилСтародуб-ь4ю]

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

[@statustravel4696]

Спасибо большео за видео. Но есть вопрос, кКак привязать фейковую кнопку к настоящей форме? Что в самой кнопке прописать?

[@ВиталийЛысов-э7и]

Я тоже не пойму как их связать) Ты разобрался как это сделать?

[@statustravel4696]

@@ВиталийЛысов-э7и Да, разобрался. Ничего прописывать не надо. Кнопка автоматом привязывается. Если не срабатывает, попробуй изменить FakeName наименования и Name формы, сделать более краткими. Мне помогло.

[@niniliss]

нашли ответ на вопрос?@@ВиталийЛысов-э7и

[@AlexKevin2939]

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

[@averzhi]

А как сделать чтобы можно было только 1 картинку выбрать?👉👈Как Radio button

[@mdesign8409]

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

[@adswinnerclub]

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

[@design_scripts]

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

[@BlackCatDesign_]

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

[@vader814]

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

[@ТатьянаЮдина-з5я]

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

[@DilyaraAshimova-d8l]

Объясните что с кнопкой, я вроде всё по инструкции делала но на кнопку нажать не могу и от этого весть процесс безсмысслен. Хелпните, напишите пошагово как правильно её поставить что бы зароботало

[@Bulat3576]

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

[@ДмитрийВарламов-й2д]

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

[@vov7512]

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

[@reqdee4014]

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

[@design_scripts]

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

[@qj1663]

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

[@ВикторЛугаев]

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

[@theQu33ny]

Здравствуйте! Возникла такая проблема, что кнопка не работает, вообще не активная. Как можно исправить данную проблему?

[@MariaCryjjan]

у меня то же самое. вы не решили проблему никак пока?

[@ЮлияВащенко-о8л]

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

[@Milkamelloy]

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

[@maximsamos]

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

[@ГеоргийАлбегов-д5к]

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

[@dominikavasilevskaja5936]

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

[@elenavenskaya4478]

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

[@design_scripts]

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

[@mariannatolstokorova1148]

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

[@papakappas]

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

[@polygraphinya]

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

[@vadimandriyanov7771]

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

[@Dmitrii_M]

10:15 кнопки можно убрать без стилей. Просто задать этим кнопкам ширину и высоту = 0

[@the_viktoriia]

Как сделать так, чтобы при наведении мышкой на кнопку, там была рука и с пальцем, вот такая👆, а не стрелочка? Ну в общем чтобы кликабельно выглядело, ибо у меня стрелка, и не совсем понятно что эта кнопка нажимается

[@Ivan-yd2hy]

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

[@alexandrmeyer737]

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

[@design_scripts]

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

[@Tevion3]

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

[@АлександрШиптыцкий]

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

[@Muhammad-ft1jw]

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

[@daria_agenda]

Станислав, возможно глупый вопрос, но до меня не доходит) Какая ссылка должна стоять в кнопке, которая видна на опубликованном сайте? Вот у меня кнопка с отправкой емейла, и я не допру никак)) Если ничего не ставить, то кнопка работает и отправляет данные в срм, но она опознается курсором мыши как текстовая область(

[@insideuheart]

Здравствуйте! Вы как-то решили проблему? тоже с этим столкнулась(

[@daria_agenda]

@@insideuheart здравствуйте) Нет, не получилось тогда решить проблему( Вы пробовали просто пустой хештег ставить на эту кнопку? Может тогда нормально покажет курсор? Но насколько помню, тогда мне не помогло)

[@Sabinakusmanova]

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

[@Ninja-t72]

Привет. Лучшее объяснение примера не найти. Этот пример можно еще прокачать немного. В формах bf502n есть очень полезная штука - условия показа поля. Для зеро блока такого в тильду еще не завезли. Вопрос такой: как к этому крутому примеру можно прикрутить условия показа полей? Это нужно для калькулятора тарифов. Например, если выбрать в поле один вариант, то цены выскакивают по 100р. в других полях. Если выбрать другой вариант, то цены по 200р. В конце калькулятор все это считает. Можно ли твой пример еще прокачать? Было бы очень круто! Спасибо!

[@dariagerbu]

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

[@Anna-tc1bs]

Привет! Спасибо за видео! Подскажи пожалуйста, у меня такая проблема при использовании кода. При скрытии блока с реальной формой перестаёт нажиматься кнопка на фейковой. +к этому кнопка в целом не воспринимается как кнопка, то есть курсором можно скопировать текст "свяжитесь со мной". В чем может быть проблема? Буду очень благодарна помощи!

[@muhittemirtasov6625]

У меня такая же проблема. Есть решение?

[@Anna-tc1bs]

@@muhittemirtasov6625 у них подписка платная, но кодов много разных очень, полезные.

[@Anna-tc1bs]

@@muhittemirtasov6625 nolim модификация

[@mikhaildyachenko1670]

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

[@kovalcuk_diana]

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

[@ОксанаКузнецова-ч5ш]

Все супер понятно! А кнопке в фэйковой форме какой URL прописать? Запуталась...

[@niniliss]

нашли ответ на вопрос?

[@eugene_elt]

какую ссылку ты вставил в кнопку фейковой формы, а то я не понимаю??

[@niniliss]

нашли ответ на вопрос?

[@ДмитрийЛяпин-е8щ]

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

[@dmitryblyaev]

привет, спасибо большое за объяснение и приложенный код! а как сделать так, чтобы кнопка, которую нажмёт пользователь вела себя как кнопка, а не как текстовый элемент? я ведь правильно понял, что мы в неё никакую ссылку не вшивали, и когда наводишь мышку на неё, то он видет это как текстовый блок, который можно выделить, а не как кликабельный элемент. то есть, она нажимается, всё работает, но интуитивно когда наводишь мышку, она не превращается в руку с пальцами)

[@ispanka5]

Добрый день, скажите, пожалуйста, как решили эту проблему. У меня тоже в этом загвоздка

[@НикитаСергеевич-м1х]

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

[@Skorpion-13]

Подскажите пожалуйста, почему кнопка не работает?

[@dippdp1108]

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

[@design_scripts]

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

[@onickaselassieva6640]

Спасибо за ролик . Остановилась на 12 минуте. По какой-то причине при тесте "ввода и отображения текста" в поле тру формы выдает ошибку "не одно поле не заполнено" , Как чинить?

[@yablische]

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

[@МихаилКотельников-д5ь]

Стас, привет. Полезный видос. Спасибо. А как связать отправку файла из фэйковой формы с настоящей?

[@design_scripts]

Честно, с отправкой файлов не разбирался. По идее, логика такая же: при действии пользователя на фейковую форму имитировать то же действие на настоящей

[@mrdenman7766]

удалось разобраться?

[@asapyo7961]

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

[@design_scripts]

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

[@vachhun4684]

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

[@Web_dev_WP]

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

[@ЕвгенийПитилимов1609]

Здравствуйте! А можно ли сделать так, чтобы при ховере поле ввода меняло цвет, а при клике обводку? Уж больно дотошный клиент попался...🥴

[@vasto1]

Спасибо огромное! Всё работает! а можно ещё сделать так, чтоб после отправки инпуты очищались от введённой инфы?

[@design_scripts]

В функции, где идёт клик по фейковой кнопке, нужным инпутам присваивать пустое значение, типа такого: $(селектор инпута).val = "";

[@vasto1]

@@design_scripts Каеф!!)) Ты - лучший! Спасибо тебе!))

[@archi1749]

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

[@design_scripts]

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

[@Y_artinvestor]

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

[@design_scripts]

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

[@pavelsemenov8433]

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

[@sultan1858]

не срабатывает кнопка с фейковой формы. не нажимается(

[@MariaCryjjan]

у меня то же самое. вы не решили эту проблему никак пока?

[@sapov617]

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

[@ANYA43077]

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

[@ТатьянаКэшуняну-я4е]

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

[@viktorbohan]

Чего-то выпадающий список, который select не отправляется в настоящую форму. Ничего не поменялось?

[@vov7512]

Если в форме использую Question with image answers, то в скрипте это будет 'input[name="имя_настоящей_формы"]' ?

[@vov7512]

Так же интересно, можно ли передать File (uploadcare)?

[@evgeniya72]

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

[@КонстантинСамойлов-о9е]

Так уж получилось, я - вебдизайнер (с) Фраза, в которой больше боли чем кажется. 100 жиз из 100

[@ЮраПосадов]

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

[@МаксимНазаренко-в3м]

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

[@АлександрУсенко-ж3ц]

К сожалению, из-за этого кода также пропадают кнопки из других форм, в том числе стандартных. Пробовал из style убрать надстройку про маскировку кнопок из фейковых форм, всё равно не помогает. Кнопки на стандартных pop-up формах появляются только после того, как полностью скрываешь блок с кодом. Как быть в этом случае? Помогите пожалуйста

[@ПроСто-я8ю]

Размеры кнопки в ноль по высоте и ширине ставишь и параметр "input margin bottom" во фкладке настройки стиля формы тоже ноль и кнопку тогда не получится нажать, и стиль скрытия кнопки убираешь из кода. все норм

[@ОксанаШигина-ф2ы]

@@ПроСто-я8ю у меня такая же проблема, и ваш совет не помог, если нажимать enter, чтобы форму отправить, фейковая кнопка срабатывает

[@Dmitrii_M]

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