Login Signup Popup Pro Free Download |TOP|
Cathrin Dejoode
Plugin template files are under templates folder.
Copy the template to your theme/templates/easy-login-woocommerce folder
If the template file is under sub directory, say in /globals folder then the copy directory will be
theme/templates/easy-login-woocommerce/globals/ For more info, check template header description
However, you can change the logo shown in the Lock HLP instance by customizing your hosted login page (access the Hosted Pages section in your dashboard, select the Login tab and enable the customization of the login page). Having enabled the customization, you can use the editor to configure the instance of Lock that is used by default, for logo configuration you need to configure the theme.logo option. If I recall correctly the default template will have this property commented so you should just un-comment it and set it like the following:
YITH Easy Login & Register Popup For WooCommerce allows making all this much easier: login (social login is included), registration and password recovery (with an Amazon-inspired process). You can now offer your customers a more positive purchase experience.
Recommended!I came to Yith a little lost but the chat assistance was great to find what I was looking for. This is a simple way to add more smooth login process, I use it with the auction plugin and really changed the game for my clients.
YITH Easy login is a plugin that allows you to show a popup and invite users to register or log in before placing the order. It includes also Facebook and Google as login options.
Whereas, YITH Social Login integrates many social networks as login options in the standard WooCommerce login form (so no popup available).
Yes but only if the account email that has been used, is the same as the one used on Facebook or Google. For example; if I have an account on your site with the email [email protected] and my Facebook email is the same, the account will be linked after the login. Otherwise a new account will be created.
Yes, the two plugins work together. The customer lands on the cart and before proceeding to the checkout, he will be asked to log in using YITH Easy Login plugin. Then, he will be redirected to the checkout where he can complete the purchase and go through the checkout steps one after the other (YITH Multi-step checkout). The option "Enable customer login" might also be kept to ON, no need to put it to OFF, as these two steps of the workflow are independent from each other.
There is no integration between the two plugins at the moment but the two plugins are compatible with each other so they will work together and without conflicts. Simply YITH Social Login will have no effect on the popup. So, as the plugin already includes Facebook and Google login, in the popup you will be able to use either Facebook or Google to log in.
This is possible since the plugin allows you to skip the popup and continue to checkout as a guest. In order to achieve this, you will have to enable the guest checkout from WooCommerce > Settings > Accounts & Privacy.
For that reason, a more user-friendly custom login option is needed. The best solution for this issue is adding a login popup modal which allows users to register and log in to the website without being redirected to other pages. Therefore, it improves the overall user experience on the website, leading to more sales. The login popup can be added to various parts of the website and proves to be a valuable asset in growing online stores and membership websites, as previously mentioned. In this article, we will explain how you can add such a login popup modal to your WordPress website.
The Login/Signup Popup plugin is a lightweight plugin for handling registration, resetting passwords, and adding login popups that can be incorporated with WooCommerce. While the plugin offers additional premium features like social login, Google reCAPTCHA, custom registration fields, one-time password login, and email verification, the free features of this plugin are more than enough for this article.
Additionally, you can also set that the login popup provided by this plugin is automatically opened. This can be set for all pages, once or always, or only on specific pages. To specify the pages on which the login popup appears automatically, insert a page/post ID or page/post slug. Of course, using this option to its full extent requires you to know how to find page/post IDs and permalink slugs.
Finally, if you choose to open the login popup automatically, you can also choose the time delay for the appearance of the popup after loading a page. The delay is expressed in milliseconds, with 500ms, i.e. half a second, as the default value.
Having said that, let us touch on the plugin options intended for styling login popup forms. The first part of those options is located in the Style tab, in the Login/Signup Popup > Settings section. Here, you can set the following options: the position of the popup on the screen, its dimensions, the padding around the login and register forms that are part of that popup, the background color of the popup, the color of the text in the popup, the image that used with the popup, whether it is positioned on the left or right side of the popup window and what percentage of the total width it occupies.
We proceed to the second part of the stylization options, which are related to the login and register forms of the login popup. From the Form subsection, you can adjust the propertiesrelated to the tabs and buttons in the tabs. These include the background color of a tab and the color of the text in it, both for the active and inactive tab. As for the buttons, you can set their background color, text color, height, and border properties.
The Settings tab in the Fields section contains the stylization options for the fields of the login and register forms. These include whether to add icons next to the related fields, their size, color, container width, and the background color of the icon container. Also, you can adjust the border color of the form fields and their bottom margin. And, specifically for input fields that make the majority of every form, you can adjust its text and background color, both while focused and unfocused.
As for the Info section, it displays all the possible ways of implementing the login popup available. Therefore, it is an instruction manual on how to add the login popup with this plugin.
To add the login popup as a menu item, navigate to Appearance > Menus and select a menu you wish to edit. Locate the Login/Signup Popup type of menu items in the Add menu items section on the left. By expanding that subsection, you will see all the menu items that the plugin supports. These include login, register, lost password, logout, two hello menu items, and my account menu item. Of these menu items, the first three are only visible to logged-out users, while the rest are only visible to logged-in users. The first three are part of the login popup window and what we will showcase in this article.
The selected menu item(s) will be added to the end of the menu, but you can drag and drop it in any other place within the selected menu. For this article, we have opted to add the Login menu item at the end of the existing menu. It will be added as a custom link with a custom CSS class xoo-el-login-tgr given by the plugin.
Apart from adding the link that opens the login popup in the menu, you can also add it anywhere else on your website. In doing so, you can add an anchor link with specific words as anchors or a regular link with the plugin-specific class. As these two methods are quite similar, we have decided to group them in this section.
In Gutenberg, one way of adding any kind of links, including anchor links, involves adding the Paragraph block. In it, you can insert the text you wish displayed on a certain page. Then, by highlighting a certain part of the text, you can access additional paragraph options, including the ability to make that part of the text a link. To make that text into a link, choose the Link option. This will open a small popup window allowing you to specify the link URL and whether it should open in a new tab. For the link to open the login popup provided by the plugin, you will need to add a specific anchor link.
Of course, the same rules regarding the functionality of the login popup modal apply here. Meaning, even though the paragraph containing the corresponding link can be seen both while logged in and logged out, the login popup will only appear while a user is logged out of the website, as it is intended. After clicking the link, the same login popup we saw previously will appear. Needless to say, either the Login or Sign Up tab will be opened by default, depending on if you have added the #login or #register as the anchor link, respectively.
As mentioned, the login popup can also be added using a link with a specific class. To do so, use the Paragraph block converted to HTML, a custom HTML block, or a Buttons block. We will showcase the third option, as it is the most user-friendly.
As mentioned previously, the login popup will only be displayed to logged-out users. But, in this case, both the button and the login popup will be hidden from logged-in users, as opposed to the Paragraph block method.
To add a shortcode using a Gutenberg editor, you will need to use the Shortcode block. Add a Shortcode block to a page or post where you wish to display the login popup shortcode. Then, enter the shortcode call whose option choices best suit your website. Of course, to do so, consult the helpful overview shown above. For the article, we have used the default example:
df19127ead