esther sola

Nahuai Badiola

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 …

Pathhan

fkfaisalkhan007

mohammadhanif

zish

Sharik Khan

Alexander

FARAZFRANK

A WP Life

<p>Login Page Customizer lets you design a custom WordPress login page using the native WordPress Customizer. All changes appear in real-time, so you can see exactly how your login page will look before saving.</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>What You Can Customize</h3>
<p><strong>Logo Settings</strong></p>
<ul>
<li>Upload your own logo image</li>
<li>Adjust logo height and width</li>
<li>Set custom logo link URL</li>
<li>Control logo margins and positioning</li>
</ul>
<p><strong>Background Options</strong></p>
<ul>
<li>Set a background image from your media library</li>
<li>Choose solid background colors</li>
<li>Create gradient backgrounds with custom angles</li>
<li>Control image repeat, size, and position</li>
</ul>
<p><strong>Login Form Styling</strong></p>
<ul>
<li>Customize outer and inner form dimensions</li>
<li>Set form background colors or images</li>
<li>Add borders with custom colors and styles</li>
<li>Apply shadow effects to forms</li>
<li>Reposition forms anywhere on the page</li>
</ul>
<p><strong>Input Fields and Labels</strong></p>
<ul>
<li>Change input field colors and dimensions</li>
<li>Customize label text colors and alignment</li>
<li>Choose from Google Fonts for label text</li>
<li>Modify default label text</li>
</ul>
<p><strong>Button Design</strong></p>
<ul>
<li>Set button colors for normal and hover states</li>
<li>Adjust button size and padding</li>
<li>Add custom border styles</li>
<li>Control button alignment and shadows</li>
</ul>
<p><strong>Links and Messages</strong></p>
<ul>
<li>Customize “Lost Password” link appearance</li>
<li>Style the “Back to” link</li>
<li>Modify login, logout, and error messages</li>
<li>Design the message and error notification boxes</li>
</ul>
<p><strong>Additional Options</strong></p>
<ul>
<li>Add custom footer text and copyright</li>
<li>Insert custom CSS for advanced styling</li>
<li>Add custom JavaScript if needed</li>
<li>Export and import your settings</li>
</ul>
<h3>Predesigned Templates</h3>
<p>The plugin includes ready-made presets created by professional designers. These templates help you get started quickly, and you can customize them further to match your brand.</p>
<h3>Free vs Pro Features</h3>
<p><strong>Free Version Includes:</strong></p>
<ul>
<li>Page title customization</li>
<li>Logo upload and basic positioning</li>
<li>Background image and solid colors</li>
<li>Outer and inner form styling</li>
<li>Input field and label customization</li>
<li>Button color and size options</li>
<li>Link styling (Lost Password, Back to)</li>
<li>Message and error box design</li>
<li>Footer text customization</li>
<li>Custom CSS and JS fields</li>
<li>Export/Import settings</li>
<li>Basic presets</li>
</ul>
<p><strong>Pro Version Adds:</strong></p>
<ul>
<li>18+ professionally designed presets</li>
<li>Video background support</li>
<li>Advanced gradient options with multiple color stops</li>
<li>Full Google Fonts library access</li>
<li>Advanced shadow controls</li>
<li>Form repositioning with X/Y axis control</li>
<li>Password field eye icon positioning</li>
<li>Priority email support</li>
</ul>


Login Page Customizer

Customize your WordPress login page with live preview. Change logo, background, colors, forms, and buttons easily using the native Customizer.

Osom Modal Login vs Login Page Customizer