Ask AI
How can we help? 👋

Light login flow - How to optimize the login flow for your visitors

Available on request on your Live website. Always available to test on your Staging (test) website.


The Light Login system simplifies the login process by combining account creation and login into a single flow, making it more intuitive for users.

It involves three main steps: entering an email address, confirming it or entering a password, and checking the email for a login code. Optional steps include setting a password and managing communication preferences. The system can adapt based on whether the email is associated with an existing account or is new, streamlining user experience on the website.


What is Light Login?

Light Login is a single flow for your visitors for creating an account or logging into an existing account on your website. It replaces the flow in which creating an account and logging in are separate processes.

This Light Login flow is a single flow fit for all visitors, making it a lot simpler, quicker and more intuitive for your visitors to login to your website.

The flow can be configured in a lot of ways, depending on what data you wish to acquire from your visitors.

Texts, labels, explanations

We rewrote all texts in labels and buttons especially for the Light Login flow. You will notice the default texts do not mention words like "account". This is a deliberate choice to make the flow feel lighter and to focus the Visitor more on the action they need to perform (a Visitor isn't looking to create an account, but are required to fill in an e-mail address). Furthermore, the mentioning of "account" can raise doubt in a visitor about whether he already has an account or not. In the light login flow this doesn't matter. You are either here for the first time, or you have been here before. All texts are based on "please make yourself known, and you can continue on your customer journey right away, we will sort the rest out for you".

You can change all texts yourself in the Template Text module, by searching for the term "lightlogin".

The template texts to edit all the login messages (including failed login)
The template texts to edit all the login messages (including failed login)

The Simple Flow

Anytime you perform an action on the website that requires you to be logged in, you will be asked to log in. For example, during an order, when adding an event to your wish list, or by clicking on the "My Theater" link in the website header)

The My theater button on a website to go to the login page
The My theater button on a website to go to the login page

The simplest version of the light login flow contains 3 simple steps:

Step 1: Enter your e-mail address

This step is deliberately made very simple, just asking the visitor one thing and continue:

First step to login on the website for a visitor, just entering an email address
First step to login on the website for a visitor, just entering an email address

Step 2: Logging in

The Visitor can choose to send a confirmation by e-mail to continue or fill in their password.

  • All new visitors will have to confirm their e-mail address at least once to make sure this is a functioning e-mail address.
  • Regular visitors may be offered the option to enter the password they made a previous time, avoiding the confirmation e-mail all together. They can choose a confirmation e-mail. It will also work.
  • Regular visitors that have forgotten their password can also opt for a confirmation e-mail, rendering a separate "Forgot password?" flow obsolete.

You will notice this step is suitable for all 3 scenarios above, making it a very simple step to follow.

The e-mail address is displayed very large in this step. If a visitor has made a spelling error, it should be noticed.

The two options to login on a website, with a one time pass-code through email or with their set up password
The two options to login on a website, with a one time pass-code through email or with their set up password

Step 3: Check your e-mail and return to the website

After opting for a confirmation e-mail, the visitor will be asked to check your e-mail. In the e-mail a big login code can be found to bring the visitor back to the website. There is also a small link that logs you in without the code, but that usually only works if the link opens in the same web browser as the one where you started the login.

One time login code with a link in an email that automatically logs a visitor in
One time login code with a link in an email that automatically logs a visitor in

In the background we already checked if this e-mail address belongs to an existing account or is a completely new e-mail address.

  • Existing accounts will be logged in right away. Personal data is updated from the ticketing system in the background, and the visitor can continue his journey, in a logged in state now.
  • New e-mail addresses will be checked against your ticketing system database, to see if there is a ticketing account to connect it with. If the e-mail address is found in the ticketing system, all relevant personal data will be imported into Peppered and a Peppered account is created.
    • If all required fields are filled in, the new visitor can continue his journey, in a logged in state now.
    • If some more data is required, the new visitor will be asked to add the data and confirm first before continuing
  • If no such e-mail address is found anywhere, a completely new account is created in Peppered and your ticketing system at the same time.
    • If there are no further required fields, the new visitor can continue his journey, in a logged in state now.
    • If some more data is required, the new visitor will be asked to add the data and confirm first before continuing

For all 3 situations there are optional extra steps you can show after the visitor returns to the website.

Optional extra steps

Set a password

If a Visitor has not entered a password yet, an extra screen can be shown to set a password. Once a password has been given or the step is skipped, this screen will not appear again the next time. You can add a password in the "Add password" section in your account after log-in.

This optional step can be activated in the Control Panel (more info below)

Setting a password on the website for visitors
Setting a password on the website for visitors

Communication Preferences

This optional step will show all opt-ins that have been activated for the login step.

As long as there are some opt-ins that you have not already opted into, this step will be shown again every few weeks when you log in, but not every time.

This optional step can be activated in the Control Panel (more info below)

Communication preferences a visitor will see when this optional feature is turned on
Communication preferences a visitor will see when this optional feature is turned on
💡
Good to know! In the Opt-in module in your Dashboard you can manage which opt-in will be shown in the login flow by checking the box Visible during login flow.
The checkbox to turn on if an opt-in is visible during login flow
The checkbox to turn on if an opt-in is visible during login flow

Steps 4 and 5 above are both optional and can be activated in the Control Panel

Go to: Dashboard > System > Control Panel > Visitor accounts

Settings to activate steps 4 and 5 in the dashboard Control Panel
Settings to activate steps 4 and 5 in the dashboard Control Panel

Extra account data

When you need more than only an e-mail address from your visitors, all new created accounts will be prompted to fill in the required fields to finalise the login procedure.

Not filled out required fields shown to a visitor
Not filled out required fields shown to a visitor

Which fields you want to show, either as "optional" or "required" in this form is set in the Visitor account fields module.

The visitor account field settings in the dashboard
The visitor account field settings in the dashboard

Logging in with a Confirmation Code

When the confirmation e-mail is sent to a different device (like a phone) while browsing or ordering on, say, a laptop, you do not want to continue on your phone. The website identifies the new device and shows a notification that an order was started on a different device. A confirmation code is given that can be used to login on the original device. The original device will show the confirmation code field automatically on the opened page:

The email visitors receive with confirmation of the email address and one-time login code to the website
The email visitors receive with confirmation of the email address and one-time login code to the website

Related articles

Did this answer your question?
😞
😐
🤩