E-mail авторизация

В данной статье рассмотрим подробнее метод авторизации по email. Перейдите в раздел "Настройки" - "Системные настройки" (рис. 1).

Рисунок 1.

Затем, откройте вкладку "Регистрация и авторизация", нам нужен блок "Авторизация", в строке "Метод авторизации по умолчанию" выберете "По электронной почте" (рис. 2).

Рисунок 2.

Для данного метода авторизации доступно на выбор два способа входа: по паролю или по коду.

Пароль - покупатель вводит email и пароль.

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

• Способ входа по электронной почте – Пароль
  • Отображать авторизацию как - "Отдельная страница"
  • Отображать авторизацию как - "Модальное окно"
  • Отображать авторизацию в заказе
• Способ входа по электронной почте – Код
  • Отображать авторизацию - Модальное окно
  • Отображать авторизацию в оформлении заказа как - Отдельная страница
  • Отображать авторизацию в оформлении заказа как – Модальное окно

 

Способ входа по электронной почте – Пароль

Напомним, "Метод авторизации по умолчанию" у нас используется "По электронной почте". "Способ входа по электронной почте" выбираем "Пароль" (рис. 3). Данная связка настроек является стандартной, на всех предыдущих версиях платформы авторизация происходила по связке email – пароль.

Рисунок 3.

Начиная с версии 14.0 появилась возможность управлять способами отображения авторизации, в том числе при оформлении заказа. Мы рассмотрим все способы отображения при способе входа "Пароль".

 

Отображать авторизацию как - "Отдельная страница"

Данная настройка также является стандартной для платформы, при клике на "Войти" в правом верхнем углу сайта открывается отдельная страница для авторизации. В нашем случае запрашивается адрес электронной почты (рис. 4), затем пароль (рис 5).

Рисунок 4.

Рисунок 5.

Если пользователь не зарегистрирован, после введения email адреса отобразится страница с формой регистрации (рис. 6).

Рисунок 6.

 

"Отображать авторизацию как" - "Модальное окно"

При клике на "Войти" в правом верхнем углу сайта открывается модальное окно авторизации, в котором запрашивается адрес электронной почты (рис. 7).

Рисунок 7.

После ввода почты также в модальном окне требуется ввести пароль (рис. 8).

Рисунок 8.

Если пользователь не зарегистрирован, после введения email адреса отобразится форма регистрации (рис. 9).

Рисунок 9.

 

Отображать авторизацию в заказе

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

• По умолчанию — в форме оформления заказа заполняется информация о покупателе с возможностью войти в аккаунт. Доступно оформление заказа для не авторизованных покупателей.

Данная настройка является стандартным вариантом авторизации на странице оформления заказа, форма регистрации размещена непосредственно на странице заказа (рис. 10).

Рисунок 10.

• Отдельная страница — при переходе на страницу оформления заказа неавторизованный покупатель перенаправляется на отдельную страницу авторизации. Оформление заказа для неавторизованных покупателей недоступно.

С данном настройкой при попытке перейти к оформлению заказа из корзины осуществится перенаправление на страницу авторизации, где потребуется сперва ввести адрес электронной почты, затем пароль (рис. 11).

Рисунок 11.

Если пользователь не зарегистрирован, то после ввода email отобразится форма регистрации (рис 5), после чего покупатель вернется на страницу оформления заказа

• Модальное окно — в форме оформления заказа отображается кнопка входа. При нажатии открывается модальное окно авторизации. Оформление заказа для неавторизованных покупателей недоступно.

При данной настройке на странице оформления заказа отображается кнопка "Войти или зарегистрироваться" (рис. 12).

Рисунок 12.

Нажимая кнопку, открывается модальное окно, в котором запрашивается адрес электронной почты (рис. 13).

Рисунок 13.

Затем пароль (рис. 14).

Рисунок 14.

После чего покупатель возвращается к оформлению заказа (рис. 15).

Рисунок 15.

Если пользователь не зарегистрирован, после введения email адреса отобразится модальное окно с формой регистрации (рис. 16)

Рисунок 16.

По завершении регистрации покупатель возвращается к оформлению заказа (рис. 17).

Рисунок 17.

 

Способ входа по электронной почте – Код

Внимание!

Для работы способа ввода "Код" необходимо подключение сервиса отправки писем.

Начиная с версии 14.0 появилась возможность при авторизации по email не использовать пароль, а указывать одноразовый код, который приходит на электронную почту. Ниже рассмотрим способы отображения авторизации при способе входа по коду.

В настройках авторизации в строке "Способ ввода по электронной почте" выбираем "Код" (рис. 18).

Рисунок 18.

На витрине магазина переходим к авторизации, нажимая "Войти" в правом верхнем углу сайта. Осуществляется переход на отдельную страницу авторизации, вводим почту, затем будет предложено ввести код подтверждения, который поступил на указанный email (рис. 19).

Рисунок 19.

 

Отображать авторизацию - Модальное окно

В настройках авторизации в строке "Способ ввода по электронной почте" устанавливаем "Модальное окно".

При клике на "Войти" в правом верхнем углу сайта открывается модальное окно, в котором запрашивается адрес электронной почты (рис. 7).

После ввода почты, также в модальном окне, требуется ввести код подтверждения, который отправлен на указанный email (рис. 20).

Рисунок 20.

 

Отображать авторизацию в оформлении заказа как - Отдельная страница

После добавления товара в корзину и попытке перейти к дальнейшему оформлению заказа, будет осуществлен переход на страницу авторизации, на которой необходимо указать email. Далее на указанный адрес поступит код подтверждения, который нужно указать в форме авторизации (рис. 21). По завершении покупатель будет возвращен к оформлению заказа.

Рисунок 21.

 

Отображать авторизацию в оформлении заказа как - Модальное окно

При данной настройке на странице оформления заказа отображается кнопка "Войти или зарегистрироваться" (рис. 12). Нажимая кнопку, открывается модальное окно, в котором запрашивается адрес электронной почты (рис. 13). Затем требуется код подтверждения (рис. 22).

Рисунок 22.

После чего покупатель возвращается к оформлению заказа (рис. 15). Если пользователь не зарегистрирован, после введения email адреса и кода подтверждения отобразится модальное окно с формой регистрации (рис. 18). По завершении регистрации покупатель возвращается к оформлению заказа (рис. 17)

Готово. Мы рассмотрели настройку авторизации по E-mail.