Do you want to choose when the login/register popup has to show up? Well, you can.
This way the popup will not be opened only if you click on the Proceed to checkout button, but also if you click on another specific CSS selector of your choice.
To do that, go to YITH > Easy Login & Register Popup > Additional Popup.
In this tab, you will be able to link the popup to a CSS ID or CLASS, so a link in the menu, in a widget, or similar.
- ID or CLASS of the element: enter here 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. 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
- 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
