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

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

В этом руководстве я поделюсь, как добавить вход в систему номера телефона с проверкой OTP на ваш сайт WordPress. Независимо от того, используете ли вы сайт малого бизнеса или большую членскую платформу, вы найдете решение, которое соответствует вашим потребностям.

Зачем позволять пользователям WordPress входить в систему с номерами телефонов?

Пароли могут быть хлопотами. Люди забывают их, повторно используют слабые или записывают, где другие могут их видеть. Это небезопасно, и многие люди сказали мне, что они хотят, чтобы был более простой способ войти на веб -сайты WordPress.

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

Вот почему вы должны рассмотреть возможность добавления входа в систему телефона на свой сайт WordPress:

• 🔒 Лучшая безопасность: Пароли могут быть взломаны или украдены. OTP меняются каждый раз, делая логины более безопасными.
• ⚡ Более быстрые знаки: Не нужно печатать длинные пароли. Быстрый код, отправленный на телефон, позволяет пользователям входить в систему входа в систему мгновенно.
• ⏳ Меньше сброса пароля: Пользователям больше не нужно сбросить забытые пароли, сохраняя ваше время и поддерживают билеты.
• 😊 Улучшенный пользовательский опыт: Плавный логин делает людей счастливыми и с большей вероятностью вернуться на ваш сайт.
• 📱 Идеально подходит для мобильных пользователей: Больше людей просматривают свои телефоны. Позволить им войти в систему с помощью кода, делает процесс плавным.

Теперь давайте посмотрим, как легко разрешить вход с номером телефона через OTP в WordPress.

Как добавить вход с номером телефона через OTP в WordPress

Вы можете легко добавить в систему номера телефона в WordPress, используя бесплатный Войдите по номеру телефона плагин.

Однако, поскольку WordPress не отправляет SMS-сообщения по умолчанию, вам также понадобится сторонняя служба, такая как Firebase или Twilio для обработки доставки OTP. Я покажу вам, как установить все это.

Во -первых, вам нужно установить и активировать бесплатно Войдите по номеру телефона плагин. Для получения подробной информации см. В этом учебнике о том, как установить плагин WordPress.

После активации плагина посетите Настройки входа в систему »Общие Страница на панели инструментов WordPress и проверьте опцию «Включить номер телефона».

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

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

Затем вам нужно проверить опцию «Включить вход электронной почты», если вы хотите разрешить вход в электронную почту для своих пользователей.

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

Затем вы можете проверить опцию «Сила, чтобы получить электронную почту после номера телефона». Этот параметр гарантирует, что новые пользователи должны предоставить свой адрес электронной почты, прежде чем они смогут завершить регистрацию. Это особенно полезно, если у вас уже есть список электронной почты и вы хотите собирать электронные письма от новых пользователей.

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

После этого вам нужно прокрутить вниз и найти опцию «Включить таймер». Нажмите, чтобы включить его, затем установите ограничение по времени для пользователей для ввода OTP.

Например, если вы установите его на 60 секунд, у пользователей будет одна минута, чтобы ввести свой код, прежде чем он истекает. Затем нажмите кнопку «Сохранить изменения», чтобы сохранить настройки.

Идите вперед и переключитесь на вкладку «шлюз» сверху. Здесь вы должны выбрать поставщика услуг SMS для вашего номера телефона OTP Login.

Я буду выбирать Firebase для этого урока. Это служба Google, которая позволяет отправлять одноразовые пассажиры на телефоны пользователей для безопасного входа в систему. Тем не менее, вы также можете выбрать такие варианты, как Twilio, WhatsApp, Alibaba SMS и многое другое.

Имейте в виду, что некоторые варианты будут доступны только в Pro Plan.

Как только вы выберете Firebase, вам нужно будет добавить его ключ API и конфигурацию.

Для этого вам нужно посетить Консоль пожарной базы и выберите опцию «Создать проект Firebase».

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

Затем нажмите кнопку «Продолжить».

Firebase теперь запросит разрешение на включение Google Analytics для проекта.

После того, как вы разрешили это, вы должны выбрать «учетную запись по умолчанию для Firebase» из раскрывающейся меню и нажать кнопку «Создать проект».

Теперь вы попадете на страницу обзора проекта. Здесь перейдите к Построение »Аутентификация Вкладка из левого столбца.

Идите вперед и нажмите кнопку «Начни».

Как только вы это сделаете, некоторые новые настройки станут видимыми на экране. Отсюда выберите «Телефон» в качестве нативного поставщика и переключите переключатель «Включить».

Это позволит пользователям войти в систему с номером мобильного телефона, используя проверку телефона Firebase SDK. Затем нажмите кнопку «Сохранить».

Теперь переключитесь на вкладку «Настройки» и выберите опцию «Авторизованные домены» из левого столбца.

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

После этого просто нажмите значок «Настройки» рядом с обзором проекта вверху и выберите вкладку «Настройки проекта».

Затем прокрутите вниз в раздел «Ваши приложения» и выберите веб -значок.

Теперь вам нужно будет добавить имя для вашего приложения и нажать кнопку «Зарегистрировать приложение».

Когда вы это сделаете, Firebase будет генерировать SDK для вас. Это означает комплект разработки программного обеспечения, но он работает как приложение.

Отсюда просто нажмите кнопку «Продолжить консоли».

Как только вы вернетесь на страницу обзора проекта, просто скопируйте «ключ веб -API» и сохраните его где -нибудь в безопасности.

Теперь прокрутите вниз в раздел «Ваши приложения», где на экране будут отображаться подробности для вашего новейшего приложения.

Здесь выберите радиопроизводительность «Конфигурация», чтобы отобразить свою Firebase SDK в качестве конфигурации. Просто скопируйте и храните его где -нибудь в безопасности.

После этого вам нужно вернуться к панели инструментов WordPress и добавить клавишу API Firebase API и конфигурацию в их соответствующие поля в входе в систему с настройками плагина номера телефона.

Затем нажмите кнопку «Сохранить изменения», чтобы сохранить свои настройки.

Как только это будет сделано, откройте страницу WordPress, где вы хотите добавить форму входа в систему, и нажмите кнопку «Добавить блок».

В меню блоков вам нужно выбрать блок «Шорткода» и добавить в него следующий короткометражный код:

[idehweb_lwp]

Наконец, нажмите кнопку «Обновление» или «Опубликовать», чтобы сохранить свои настройки.

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

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

Они могут сделать это, посетив страницу своего профиля на панели инструментов WordPress, прокрутив вниз в раздел «Личная информация», добавив номер телефона и нажав пользователя «Обновление».

Это гарантирует, что даже пожилые пользователи могут входить в систему с номерами телефонов позже.

Бонус: добавьте вход в один класс с помощью Google в WordPress

В то время как вход в систему с номером телефона и OTP является безопасным вариантом, некоторые пользователи предпочитают еще более быстрый способ получить доступ к своим учетным записям.

Добавление Google One Click Login позволяет пользователям мгновенно войти в систему без ввода номера телефона или ожидая OTP. Обход формы входа в систему WordPress может улучшить пользовательский опыт, уменьшить трение входа в систему и увеличить регистрацию.

Это особенно полезно для сайтов с частыми посетителями, такими как членские платформы, интернет -магазины или сообщества.

Вы можете легко добавить эту функцию, используя плагин Nextend Social Login. Он позволяет пользователям войти в систему с учетной записью Google и даже поддерживает журналы Facebook и Twitter.

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

Чтобы начать, просто посмотрите на нашу учебник о том, как добавить логин один щелчок с Google в WordPress.

Я надеюсь, что эта статья помогла вам научиться добавлять вход с номером телефона через OTP в WordPress. Возможно, вы также захотите увидеть наше руководство для начинающих о том, как удалить параметр «Сбросить/изменение пароля» из WordPress и нашу учебник по созданию модала всплывающего окна WordPress.

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш Канал YouTube Для видеоуроков WordPress. Вы также можете найти нас на Twitter и FacebookПолем