Nahuai Badiola

esther sola

OsomPress

DavidPeralvarez

<p>Osom Modal Login lets you easily create a modal box (pop-up) displaying the WordPress login form. In block themes, Osom Modal Login uses the native WordPress login/out block, so you can introduce this login/out block on the header (or footer) navigation block and it will display a modal box with the login form when clicked. On the other hand, in classic themes it automatically adds a menu item named “Login”, which you can customize, at the end of the selected menu(s). Once you click on it, it will also launch the login modal box.</p>
<p>Alternatively, you can also use the included shortcode or the native login/out block to add the modal login box in any place of the web.</p>
<h4>Features</h4>
<p>With Osom Modal Login you can customize several parameters in the options page.</p>
<p>Both in classic and block themes:</p>
<ul>
<li>Customize “Login” text.</li>
<li>Customize “Logout” text.</li>
<li>Set login and logout URL redirection.</li>
<li>Display/hide “Remember me” checkbox.</li>
<li>Display/hide “Did you forget your password” link.</li>
<li>Display/hide Register link.</li>
<li>Set Register text link (if displayed).</li>
</ul>
<p>Only in classic themes:</p>
<ul>
<li>Set the title of the modal box.</li>
<li>Select the navigation menu where you want to add login/out item. You can choose more than one or the option ‘none’ if you don’t want to add it in any menu location.</li>
</ul>
<p>You can also use the built-in shortcode to add the modal box any where in your website or use the WordPress login/out native block with the setting “Display login as form” unselected.</p>
<h4>Shortcode usage (optional)</h4>
<p>You just need to enclose your custom text in [osom-login] shortcode.<br />
For example: [osom-login] Custom text [/osom-login]</p>
<h4>Quick Setup Videos</h4>
<p><a href="https://youtu.be/0LJGYnq6G3o" rel="nofollow ugc">In classic themes</a>:</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/0LJGYnq6G3o?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><a href="https://youtu.be/y0GOzfNsptI" rel="nofollow ugc">In block themes</a>:</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/y0GOzfNsptI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>If you want more info about the setup and configuration you can check the tutorials below.</p>
<h4>Tutorials</h4>
<ul>
<li><a href="https://osompress.com/add-button-styles-login-out-block-wordpress-block-theme/" rel="nofollow ugc">How to add button styles to Login/out Block in a WordPress Block Theme</a></li>
<li><a href="https://osompress.com/add-login-modal-pop-up-window-wordpress-block-theme/" rel="nofollow ugc">Add a login modal/pop-up window to a WordPress block theme</a></li>
<li><a href="https://osompress.com/add-svg-icons-osom-modal-login-logout-items/" rel="nofollow ugc">How to add SVG icons to Osom Modal Login login/logout items</a></li>
<li><a href="https://osompress.com/show-the-login-form-in-modal-window/" rel="nofollow ugc">How to add a login popup modal in WordPress classic themes</a></li>
</ul>
<h4>Dev Features</h4>
<ul>
<li>The plugin uses Vanilla JavaScript so you can use it even if you dequeue WordPress jQuery. It’s always nice to keep the dependencies to the minimum.</li>
</ul>


Osom Modal Login

I've tried every login modal box plugin out there. Including the Genesis specific one. And this one simply does the job.

Good job guys.

Finally: a modal login box that works and it's easy to use


Además de ser muy liviano, hace a la perfección lo que dice y facilita el proceso de login de los usuarios en la web. Además, sus autores están atentos al feedback y las sugerencias. 


Fantástico


Simplemente, el mejor plugin para loguearse a través de una ventana modal. Liviano, simple y con un equipo detrás estupendo. Osom.


Perfecto

Osom Modal Login lets you easily create a modal box (pop-up) displaying the WordPress login form. In block themes, Osom Modal Login uses the native Wo …

zish

fkfaisalkhan007

Alexander

Sharik Khan

mohammadhanif

Pathhan

FARAZFRANK

A WP Life

<p>This plugin helps you design a custom WordPress login page. You can customize login settings in real-time. The plugin uses the native WordPress customizer. All edits display instantly. You do not need any coding skills.</p>
<p>You can customize your login page logo, form layout, colors, and input boxes. It also ensures that redirect URLs are correct so users never face a link not found error.</p>
<p><strong>View Pro Login Page Templates:</strong> <strong><a href="https://awplife.com/demo/customizer-login-page-premium/" rel="nofollow ugc">Customizer Login Page Premium Demo</a></strong><br />
<strong>Learn More About Pro:</strong> <strong><a href="https://awplife.com/wordpress-plugins/customizer-login-page-premium/" rel="nofollow ugc">Customizer Login Page Premium Features</a></strong><br />
<strong>Get Pro:</strong> <strong><a href="https://awplife.com/account/signup/customizer-login-page-premium" rel="nofollow ugc">Buy Customizer Login Page Premium</a></strong></p>
<p>This plugin works directly within the WordPress Customizer interface. You don’t need any coding knowledge to use it. Simply navigate to Appearance > Customize, and you’ll find all the login page options organized in easy-to-use panels.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/leIKM10deIY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Features of Login Page Customizer</h3>
<p>Here is a list of what you can customize inside the customizer:</p>
<ul>
<li>
<p><strong>Logo Settings</strong></p>
<ul>
<li>Upload your custom logo image.</li>
<li>Adjust logo height and width.</li>
<li>Set custom logo links to prevent link not found bugs.</li>
<li>Control margins and logo position.</li>
</ul>
</li>
<li>
<p><strong>Background Options</strong></p>
<ul>
<li>Select a background image from your media library.</li>
<li>Set solid background colors.</li>
<li>Apply gradient background styles.</li>
<li>Control image repeat and size.</li>
</ul>
</li>
<li>
<p><strong>Customize Login Form Layout</strong></p>
<ul>
<li>Set outer and inner form dimensions.</li>
<li>Choose form background colors.</li>
<li>Add custom border styles.</li>
<li>Apply shadow effects.</li>
<li>Position forms anywhere on the screen.</li>
</ul>
</li>
<li>
<p><strong>Input Fields and Labels</strong></p>
<ul>
<li>Change input box colors and sizes.</li>
<li>Style labels with Google Fonts.</li>
<li>Edit default label texts.</li>
</ul>
</li>
<li>
<p><strong>Button Design</strong></p>
<ul>
<li>Set normal and hover button colors.</li>
<li>Adjust button size and padding.</li>
<li>Apply border styles.</li>
</ul>
</li>
<li>
<p><strong>Links and Messaging</strong></p>
<ul>
<li>Style “Lost Password” links.</li>
<li>Design error message boxes.</li>
</ul>
</li>
</ul>
<h3>Free vs Pro Versions</h3>
<ul>
<li>
<p><strong>Free Version Features:</strong></p>
<ul>
<li>Custom page title setup.</li>
<li>Logo upload and size settings.</li>
<li>Background colors and images.</li>
<li>Form and button styles.</li>
<li>Default templates.</li>
</ul>
</li>
<li>
<p><strong>Pro Version Extra Features:</strong></p>
<ul>
<li>18+ preset templates.</li>
<li>Background video playback.</li>
<li>Advanced gradient options.</li>
<li>Full Google Fonts list.</li>
<li>Form alignment controls.</li>
</ul>
</li>
</ul>
<h3>How to Setup Your Login Page</h3>
<ol>
<li>Log in to your WordPress Dashboard.</li>
<li>Go to Plugins > Add New.</li>
<li>Search for “Login Page Customizer”.</li>
<li>Click Install Now and then Activate.</li>
<li>Navigate to the “LoginPC” menu.</li>
<li>Click “Start Customizing Login Page”.</li>
</ol>
<h3>Avoid Link Not Found Redirection Issues</h3>
<p>Ensure your redirection URLs are correct. Setting a wrong custom logo link or registration page URL can result in a link not found error for your users. Double-check all URL values inside the settings options.</p>


Login Page Customizer – Customize Login Screen & Branding

Easily build a custom login page using the WordPress customizer. Customize login styles, logo, forms, and solve any link not found errors quickly.

Osom Modal Login vs Login Page Customizer – Customize Login Screen & Branding