Кастомный экран входа в личный кабинет на Тильде

1. Для того чтобы сделать свою страницу входа, создай форму в Зеро-блоке.
В ней необходимо:

• Добавляешь поля email и one line input field;
• Указываешь у них название переменных (variable name);
• У кнопки (button) удаляешь текст;
• В настройках кнопки (button) удаляешь все цвета;
• Высоту ставишь на 0px;

2. Далее в этом Зеро-блоке добавляешь кнопку и указываешь ей ссылку (например, #login)

3. В генераторе указываешь:

• «Поле email» — указываешь название переменной у поля email (variable name);
• «Поле password» — указываешь название переменной у поля one line input field (variable name);
• «Ссылка для кнопки» — указываешь ссылку кнопки (например, #login);

4. «Настройки кнопки перехода на страницу регистрации» — заполняй эти поля, если на странице входа есть кнопка для перехода на регистрацию:

• «Класс для кнопки» — в зероблоке добавь этот класс к кнопке. Класс элемента ты можешь придумать сам или скопировать себе тот, что уже вписан в поле генератора кода. Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь тот же класс, что и в генераторе.
• Важно: К кнопке обязательно добавь любую заглушку-ссылку, например /. Здесь не нужно использовать реальную ссылку, ведущую на страницу регистрации.
• «URL» — Полная ссылка на страницу регистрации. Пример: https://example.tilda.ws/members/signup
• «Открывать в новой вкладке» — поставь галочку, если хочешь открыть регистрацию в новом окне браузера.

5. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.

Имей в виду:

• Чтобы заменить стандартную форму авторизации, поставьте для страницы с формой ссылку «members/login»
• Если добавить свою страницу входа в группу страниц личного кабинета, будет открываться стандартная страница Тильды. Поэтому не добавляй свою страницу в эту группу. Страница входа должна быть доступна неавторизованным пользователям.
• Если при использовании модификации меняется ссылка на кнопке, в которой указана ссылка на вход, добавь на всех страницах где есть переход к авторизации этот код:

<script>
document.addEventListener ('click', function (e) {
if (e.target.closest ('a[href="#openmembersbar"]')) {
e.preventDefault ();
e.stopPropagation ();
window.open ('/members/login', '_blank');
}
}, true);
</script>