Кастомизируй авторизацию в Tilda как БОГ

Рет қаралды 12,460

3 жыл бұрын

Кастомизируй авторизацию в Tilda как БОГ
Сегодня я покажу, как с помощью кода html/css/js на тильде максимально кастомизировать стандартные формы авторизации в tilda zero block. Теперь вы сможете отказаться от стандартной формы авторизации в тильде и сделать свою, кастомную, прямо в zero block.
🦜Поддержать автора копейкой: www.donationalerts.com/r/swan4er
Классы, которые нужно присвоить элементам:
error_shape
error_text
fake_btn
Ссылка на код для tilda: drive.google.com/file/d/1P5sm...
___________________________________________
✅Поделись видео с друзьями: • Кастомизируй авторизац...
✅Подпишись на канал и поставь🔔: / @design_scripts
Кастомизируй авторизацию в Tilda как БОГ
___________________________________________
Telegram: @swan4er
ВК: id117174434
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock

Пікірлер: 138

@design_scripts 3 жыл бұрын

А, кстати, обнова с адаптивностью лежит на втором боте: @figma2tilda_second_bot На него дублируется подписка с основного бота. Мне нужно ещё по мелочи доработать, записать видео сюда, на ютуб, и тогда я загружу это обновление на основного бота. Инструкцию добавлю, как всегда, в документ: docs.google.com/document/d/1RfcWfwDTNMPPiizXqowDVhfjnL8zeONJijVhr-7yFZg/edit?usp=sharing

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

Супер, очень ждем видос про адаптив))

@solowey 3 жыл бұрын

Хоспаде!!! Первые 3 секунды заслуживают миллионы подписок и лайков - продолжаю смотреть и тут же внедрю везде!

@design_scripts 3 жыл бұрын

я тоже скучал по тебе)

@dmitrykand5142 3 жыл бұрын

С возвращением и спасибо очередной раз за крутой тутор!

@design_scripts 3 жыл бұрын

И тебе спасибо за просмотр и коммент👋

@annagolovina9673 3 жыл бұрын

Просто кланяюсь в пол и выражаю свою огромную благодарность. Спасибо! Все идеи, скрипты и видео нереально крутые и полезные 🔥🔥🔥

@design_scripts 3 жыл бұрын

я рад, что мои видео полезны) Спасибо

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

не зря ждал видео)) пошел пробовать. Согласен, из кастомизации только замена фона - это смешно

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

Стас, ты невероятен!!! Спасибо огромнейшее🤗🤗🤗

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

Очень долго ждал твои новые видео Спасибо тебе!

@design_scripts 3 жыл бұрын

И тебе спасибо, постараюсь не пропадать с радаров)

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

Тебе пора премию выдавать за вклад в развития дизайна в России)) Лайк!

@design_scripts 3 жыл бұрын

Жду, когда добавят премию за развитие скриптинга в тильде) Спасибо :D

@nikalimp 3 жыл бұрын

Как раз сегодня гуглил кастомизацию формы регистрации, спасибо!

@skamden 3 жыл бұрын

какой же ты красавчик! так держать, спасибо за твои видео

@design_scripts 3 жыл бұрын

Приятно слышать, стараюсь)

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

Афигенно! Пошёл пробовать)

@design_scripts 3 жыл бұрын

Расскажешь потом, всё ли получилось? :D

@Shillersstudio 2 жыл бұрын

Огонь! Спасибо!

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

Я так быстро никогда не нажимал на уведомления 😂

@design_scripts 3 жыл бұрын

ахах, надеюсь, видео будет полезным)

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

Как раз искал это 😅

@dzibiz-tilda 3 жыл бұрын

Действительно, эксклюзивный контент

@design_scripts 3 жыл бұрын

Спасибо, приятно это слышать)

@HORDERARII 3 жыл бұрын

Огонь как обычно. 🚀🔥

@design_scripts 3 жыл бұрын

Благодарочка)

@MyRomani4 3 жыл бұрын

Класс! Супер. Спасибо большое! Ещё бы получить возможность кастомизировать страницу выбора группы (members) было-бы просто идеально!

@design_scripts 3 жыл бұрын

Вроде, как-то можно настроить редирект с этой страницы на свою, кастомизированную

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

Дошёл наконец-то до кастомной страницы регистрации, всё повторил, но как оказалось, вы в видео не рассказываете, как и какие ссылки прицепили на кнопку "забыли пароль" и на слово "зарегистрируйтесь"... А это ведь тоже важно. Там будет, получается, стандартная форма, уже не кастомная?

@mixan948 3 жыл бұрын

Очень круто!

@design_scripts 3 жыл бұрын

Спасибо)

@yaroslavadanilyuk 3 жыл бұрын

Спасибо огромное за решение! Все супер, все получилось :) Теперь хочется страницы восстановления пароля и регистрации)))

@design_scripts 3 жыл бұрын

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

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

😄 😄 Вот это встреча, ну привет)))))

@design_scripts 3 жыл бұрын

Привет, рад видеть)

@endreevart Жыл бұрын

После обновления или чего-то, перестала работать кастомные авторизация;(( Скажите, вы ещё не тестировали новый вариант ?

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

оч круто !!!! сделай видос как можно реализовать "Лайки" в тильде , чтоб можно было ставить лайк под понравившимся видео

@angelabeam8930 2 жыл бұрын

Огромная благодарность за урок! Это лучшее объяснение Эвер!👍👍👍 Один вопрос: как настроить блок забыли пароль? Есть ли где-то урок на эту тему? 🙏

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

Спасибо за видео) А будет продолжение с такой же формой для страниц регистрации и восстановления пароля?

@ataydj1774 3 жыл бұрын

Мммм. Как вкусно Сегодня искал как бы форму кастамизировать 😅

@design_scripts 3 жыл бұрын

надеюсь, видео помогло)

@dumptramp6207 3 жыл бұрын

как всегда годно

@design_scripts 3 жыл бұрын

спасибо :D

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

Ты лучший!!!

@design_scripts 3 жыл бұрын

Спасибо)

@LullabyOnBlackScreen 3 жыл бұрын

красота!

@anastasiakovelina8964 3 жыл бұрын

Господи ты самый лучший дизайнер на свете

@design_scripts 3 жыл бұрын

Серьёзное заявление, спасибо)

@fsmfsm4872 Жыл бұрын

После вчерашнего обновления Тильды код по кастомной авторизации слетел. Подскажите, вы разбирались с этим?

@ilyapyanov 3 жыл бұрын

Годный видосик, однозначно лайк) идея для нового видео: как сделать и задизайнить рубрику вопрос ответ в зеро блоке(чтобы по нажатию раскрывался текст)

@design_scripts 3 жыл бұрын

Спасибо, идею возьму на вооружение)

@milton2194 3 жыл бұрын

Не, ну это лайк, определенно

@design_scripts 3 жыл бұрын

спасибо)

@Ukolov.online 3 жыл бұрын

Жду видеоинструкцию с переносом адаптации)

@bohdanziniak629 3 жыл бұрын

Круто, Станислав! Возможно еще есть способ кастомизации этой страницы со списком групп в личном кабинете? Стандартно выглядит ужасно🙃 (у нее ссылка: "/members")

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

Спасибо, очень ценно! Было бы жирной точкой улучшение самого кабинета с точки зрения функционала. Например онлайн курсы на Тильде спотыкаются об отсутствие "стоп-урока". Если бы там появилась возможность открывать доступ к новому уроку только после выполнения старого - онлайн школы на базе Тильды получили бы хороший шанс к развитию. А так приходится искать иные платформы, зачастую недешёвые

@solowey 3 жыл бұрын

Такое можно сделать на тильде :) Но не силами тильды! Посмотри collabza или, если сам не хочешь делать, пиши мне в телегу (solowey) - за копеечку настрою все и покажу.

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

@@solowey хорошо, напишу, спасибо

@ApploDi Жыл бұрын

Можешь записать видео об кастомизации слайдера? Вот как у тебя в видео. Чтобы смена фотки происходила автоматически и при этом изменялись какие нибудь элементы (якобы фиксированная смена - например есть две белые точки, и одна синяя, и по ходу смены фото, менялся цвет точек: 1картинка-1 точка синяя, остальные белые, 2 картинка - 2 точка синяя, остальные белые) буду очень благодарен! Да и все я думаю спасибо скажут

@skamden 3 жыл бұрын

хэхээййй! очень ждем адаптивность ) скоро там?

@terrible_create Жыл бұрын

Жалко что привьюшка кликбэйт , но ты все еще крутой , жду видео эффект при ховере как на привью

@y_dvl 3 жыл бұрын

Здравствуйте, хотел бы к вам обратиться с одним вопросом, есть блок - тест, bf918, хочу сделать на нем обычный психологический опросник, но с 2мя результатами, которые будут выводиться в зависимости от выбранного варианта ответа, сложность в том, что нужно скрыть зелёные и красные цвета, иконки и проценты ответа, т.к. в тесте нет заведомо верного и неверного ответа. Как я могу для этого блока записать код, чтобы скрыть это? Не могли бы вы подсказать?

@agmazin 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

не сталкивался, но видел, что многим это интересно. Буду искать, тестировать

@kapakulii 2 жыл бұрын

А что насчёт страницы и формы восстановления пароля?

@qazaqstanproduct9288 3 жыл бұрын

👍👍👍

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

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

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

Интересно а есть ли возможность также кастомизировать сетку товаров в интернет магазине на тильде?

@chipchilinka5645 6 ай бұрын

Это подходит только для входа в личный кабинет или работает для входа на закрытый сайт?

@Aldir_001 3 жыл бұрын

ты лучший

@design_scripts 3 жыл бұрын

Спасибо за приятные слова)

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

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

@RuslanaRovdo 2 жыл бұрын

Думаю, они что-то сделали со своими скриптами, на которые стоят ссылки. Т.е. надо этот код переписывать скорей всего. Но я могу ошибаться

@shpilevoy 2 жыл бұрын

@@RuslanaRovdo Такая же история, на новом проекте не смог сделать кастомный вход, всю голову себе сломал. На старом проекте всё работает.

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

Нужен видос как сделать так же регистрацию и восстановление пароля

@airmaxusov 2 жыл бұрын

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

@w.w2598 3 жыл бұрын

а что делать, если тильда грузит долго из-за кодов? Подскажите, пожалуйста

@ArmenRazmikovich 3 жыл бұрын

Можно ли сделать форму в zero block и отправить данные на st100

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

Слушай, может сделаешь урок по подгрузкам блоков ? когда скроллишь

@grigbusiness 2 жыл бұрын

Спасибо большое, видео действительно очень полезное, но по какой-то причине код перестал работать ((((

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

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

@souliswork 3 жыл бұрын

Скучали)

@design_scripts 3 жыл бұрын

И я скучал)

@averkom 4 ай бұрын

почему-то фейковая кнопка отправляет на главную страницу сайта. я что-то упустил?

@Ukolov.online 3 жыл бұрын

Как ты такой слайдер сделал?

@youngelpadre Жыл бұрын

Здравствуйте, я совсем новичок в этом и у меня после повторения Ваших действий, нажатие на фейковую кнопку ведёт на главную страницу сайта, всё перепроверил и не могу понять причину ошибки, буду Вам благодарен за ответ

@anastasia_starr Жыл бұрын

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

@userdimasik Жыл бұрын

Привет, а есть ссылка на эту страницу?

@JS-ny8sm 2 жыл бұрын

Очень круто! Огромное спасибо, получилось реализовать свою идею )) но возникла одна сложность: после перехода из личного кабинета на главную страницу "сбрасывается" авторизация и по кнопке "личный кабинет" снова выпрыгивает страница авторизации и требует ввести логин и пароль. Стандартная страница авторизации сразу перекидывала в личный кабинет... Или только у меня так? )) помогите, пожалуйста, разобраться ...

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

Привет) Искал в комментариях человека, который напишет об этом. Разобрался?))

@JS-ny8sm 2 жыл бұрын

@@user-fe1jd6ii9r нет, не разобрались

@bbblackangelll 8 ай бұрын

не работает, новые скрипты авторизации у тильды, надо менять ссылки на скрипты авторизации и возможно еще что то править в коде, сижу разбираюсь...

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

А как перенести адаптив под разные разрешения?

@design_scripts 3 жыл бұрын

Напишите в телеграм, скину инструкцию

@valentin9455 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

линия - просто степ бай степ с длиной анимации в 6 секунд, если не ошибаюсь. Слайдер сделан на основе стандартного слайдера из зеро блока. Стрелки по бокам скрыты css’ом. Каждые 6 секунд скриптом имитируется клик на правую стрелку слайдера, и к счётчику слайдов прибавляется единица. Сделано чисто для видео. В реальном проекте, сомневаюсь, что я бы стал использовать такое решение

@oleehua 3 жыл бұрын

Я уж думал с тобой что-то случилось 🙈 Почини плиз сайт с кастомными курсорами))

@design_scripts 3 жыл бұрын

your-cursor.tilda.ws - да, вроде, работает. Только что глянул

@annagolovina9673 3 жыл бұрын

Всё работает, неделю назад использовала в проекте 👌🏻

@dmitriysizari9158 3 жыл бұрын

Скучали) Слушай, подкину тебе идею, сделай видео про Slime 3d. И еще вопрос, есть ли код где ты делал 3D модель в каталог товаров, только чтобы работало по скролу? На awwards есть классные сайты которые на этом построенны. Вот например letter.co/

@design_scripts 3 жыл бұрын

гугл по запросу Slime 3d выдаёт дичь. Можно ссылку?) А 3d модель по скроллу - это либо lottie анимация, либо three.js. В твоём примере используется lottie - видео на канале есть

@nix1801 3 жыл бұрын

@@design_scripts Не знаю насчет слайм, но есть spline.design . Рекламируют его тиктокеры веб дизайнеры.

@design_scripts 3 жыл бұрын

@@nix1801 о, видел эту штуку. Оке, разберусь, сделаю видос, спасибо)

@maximm.4492 Жыл бұрын

Не работает, код не обновляли?

@mrreddyschannel 11 ай бұрын

А что делать если при нажатии кнопки просто кидает на главную страничку сайта?

@bestcutshorts 10 ай бұрын

починил как-нибудь?

@mrreddyschannel 10 ай бұрын

@@bestcutshorts неа, так и не разобрался.

@pashabaobab 3 жыл бұрын

А как ты иконки добавил в форму?!

@design_scripts 3 жыл бұрын

Просто поверх формы закинул, перетащил мышкой :D Никакой магии

@oleehua 3 жыл бұрын

Как ты сделал слайдер?)

@design_scripts 3 жыл бұрын

Хехе, линия - просто степ бай степ с длиной анимации в 6 секунд, если не ошибаюсь. Слайдер сделан на основе стандартного слайдера из зеро блока. Стрелки по бокам скрыты css’ом. Каждые 6 секунд скриптом имитируется клик на правую стрелку слайдера, и к счётчику слайдов прибавляется единица. Сделано чисто для видео. В реальном проекте, сомневаюсь, что я бы стал использовать такое решение

@ApploDi Жыл бұрын

Уже не работает, что ли?(

@yeppen8621 3 жыл бұрын

Как ход королевы ?)

@design_scripts 3 жыл бұрын

Посмотрел пока 4 серии. Потрясающе)

@transerfer_channel 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

Эти ссылки можно взять из стандартной формы, которая после создания кабинета доступна по ссылке: ваш-домен.com/members/login Ссылки, обычно, вот эти: Регистрация: ваш-домен.com/members/signup Забыли пароль: ваш-домен.com/members/recovery-password

@transerfer_channel 3 жыл бұрын

@@design_scripts блин. Внатуре. Это же было так просто. Спасибо

@design_scripts 3 жыл бұрын

@@transerfer_channel как-нибудь доберёмся до кастомизации и этих страниц)

@mdesign8409 3 жыл бұрын

Станислав, помоги сделать эффект скремблирования текста )

@design_scripts 3 жыл бұрын

гугл говорит, что скемблирование - это шифрование, по сути) можно поподробнее?

@mdesign8409 3 жыл бұрын

@@design_scripts вот ссылка там прям с кодепена, если можешь только под тильду переделать, Сенкс за ранее)

@mdesign8409 3 жыл бұрын

@@design_scripts да и кстати, ты так не пропадай , здесь реально переживать начали , может чё случилось))

@mdesign8409 3 жыл бұрын

@@design_scripts ссылку на пример удаляет ютуб походу хз, я тебе в инсту кинул

@design_scripts 3 жыл бұрын

pastebin.com/WAMjjnBf создать текст, присвоить ему класс container, вставить код в т123, и всё

@greensquare6360 Жыл бұрын

не работает. кнопка будто не подцепилась, никак не реагирует.

@gaukharaidar4578 Жыл бұрын

Как решили проблему, подскажите?

@billclinton1722 3 жыл бұрын

ты создатель тильды ведь?

@iolmer 3 жыл бұрын

Гачисаунд, что???)

@design_scripts 3 жыл бұрын

настоящая мужская музыка для суровых тренировок)

@МихаилШумов 16 күн бұрын

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

@design_scripts 16 күн бұрын

Всё именно так. В своё оправдание автор просит учесть, что его не было на ютубе более 2-х лет, и вернулся он только две недели назад. Сейчас автор разгребает операционные вопросы, и в скором времени начнёт актуализировать контент

@МихаилШумов 16 күн бұрын

@@design_scripts Если это так, то это очень здорово и автору большой респект.