Settings

To start using the plugin, you first need to configure the popup that will automatically open if guest users click on the Proceed to checkout button without being logged in.

They will be able to log in or register, reset their password in a few clicks without leaving the page, and you can configure all these steps in detail, so you can offer your customers the best possible user experience when buying from your online shop.

Go to the YITH > Easy Login & Register Popup > General settings section to start configuring the popup general settings.

Here, you will find the popup general options:

• Popup size: enter the popup width in pixels (the length will automatically be adjusted depending on the length of the text). Suggested settings: 590px.
• Close popup by clicking on the background: enable this option to close the popup if users click anywhere outside of it.
• Popup animations: choose the entrance and exit animations for the opening and closing of the popup. You can choose among many available options for fade, bounce, flip, slide and zoom animations.
• Close popup icon: upload a custom icon for the Close button. If none is selected, the default button will be an X icon.

If you don’t want the popup to open only when clicking on the Proceed to checkout button, but also if clicking on another specific CSS selector of your choice, you can do it from the section Additional Popup.

As a selector, you can use the ID or the CLASS of the element that will allow the popup to open (a link in the menu, widget, or similar).

The available options are:

• Enter the ID or CLASS of the element that will open the popup: enter the CSS selector that will open the popup. As a selector, you can either use the ID or the class of the element that will trigger the popup opening. Make sure that the ID is preceded by a hashtag # (e.g. #elementID) and the class by a dot . (e.g. .elementClass). You can also specify more elements and separate them with a comma (e.g. #element1, #element2).
• Popup title: enter the title for the popup.
• Register button text: this is a custom text for the button that will let users register in the additional popup. All the other settings will be the same as for the checkout popup.
• Save password button in Recover password step: this is a custom text for the button that will let users recover the password through the additional popup. All the other settings will be the same as for the checkout popup.

Example

Let’s take as an example that we want to open the popup whenever a guest user clicks on the Cart icon on the top bar of my website.

This element has both an ID and a CLASS, but we will select the ID and use it as a CSS selector for the plugin’s additional popup.

This is the ID, preceded by a #, that we will enter in the plugin settings: #woocommerce_widget_cart-2

In the section Customization, you can find the settings linked to the colors of the popup and button. For all colors, you can set up the opacity and transparency too.

Popup on the frontend

The plugin sends two different types of emails.

1. The first one is sent when you choose the Classic password recovery mode, and it’s the standard WooCommerce password reset email. You can customize it from WooCommerce > Settings > Emails > Reset password.

2. The plugin includes a new email that will be sent if you choose the password reset with Code mode. To customize this email, please, go to WooCommerce > Settings > Emails > Reset password authentication code.