{"id":130557,"date":"2020-10-24T15:42:06","date_gmt":"2020-10-24T15:42:06","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/osom-modal-login\/"},"modified":"2025-11-25T09:48:31","modified_gmt":"2025-11-25T09:48:31","slug":"osom-modal-login","status":"publish","type":"plugin","link":"https:\/\/roh.wordpress.org\/plugins\/osom-modal-login\/","author":18148697,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.5.2","stable_tag":"1.5.2","tested":"6.9.4","requires":"5.0","requires_php":"5.6","requires_plugins":null,"header_name":"Osom Modal Login","header_author":"OsomPress","header_description":"Displays the login form in a modal window, from a new menu item or by calling from a shortcode.","assets_banners_color":"113c58","last_updated":"2025-11-25 09:48:31","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/osompress.com","header_plugin_uri":"https:\/\/osompress.com","header_author_uri":"https:\/\/osompress.com","rating":5,"author_block_rating":0,"active_installs":400,"downloads":12070,"num_ratings":15,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"osompress","date":"2020-10-30 10:46:36"},"1.0.1":{"tag":"1.0.1","author":"osompress","date":"2020-10-30 14:47:53"},"1.0.2":{"tag":"1.0.2","author":"osompress","date":"2020-10-30 14:47:53"},"1.0.3":{"tag":"1.0.3","author":"osompress","date":"2022-09-19 17:58:24"},"1.0.4":{"tag":"1.0.4","author":"osompress","date":"2020-12-21 16:17:42"},"1.0.5":{"tag":"1.0.5","author":"osompress","date":"2020-12-21 16:40:58"},"1.0.6":{"tag":"1.0.6","author":"osompress","date":"2021-03-12 15:55:13"},"1.0.7":{"tag":"1.0.7","author":"osompress","date":"2021-06-03 17:53:41"},"1.0.8":{"tag":"1.0.8","author":"osompress","date":"2021-07-29 09:39:01"},"1.0.9":{"tag":"1.0.9","author":"osompress","date":"2022-01-28 11:54:03"},"1.1":{"tag":"1.1","author":"osompress","date":"2022-05-25 10:13:33"},"1.1.1":{"tag":"1.1.1","author":"osompress","date":"2022-07-08 08:47:39"},"1.1.2":{"tag":"1.1.2","author":"osompress","date":"2022-09-19 17:58:24"},"1.1.3":{"tag":"1.1.3","author":"osompress","date":"2023-03-06 15:53:37"},"1.1.4":{"tag":"1.1.4","author":"osompress","date":"2023-11-10 11:03:21"},"1.1.5":{"tag":"1.1.5","author":"osompress","date":"2023-11-13 15:24:42"},"1.2":{"tag":"1.2","author":"osompress","date":"2024-01-18 10:02:13"},"1.3":{"tag":"1.3","author":"osompress","date":"2024-01-18 10:06:08"},"1.3.1":{"tag":"1.3.1","author":"osompress","date":"2024-01-31 17:04:32"},"1.4":{"tag":"1.4","author":"osompress","date":"2024-02-27 12:58:59"},"1.4.1":{"tag":"1.4.1","author":"osompress","date":"2024-04-03 18:09:18"},"1.5":{"tag":"1.5","author":"esther_sola","date":"2024-12-04 09:34:43"},"1.5.1":{"tag":"1.5.1","author":"nahuai","date":"2025-05-02 14:41:59"},"1.5.2":{"tag":"1.5.2","author":"nahuai","date":"2025-11-25 09:48:31"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":15},"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":3358426,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3358426,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3358426,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.0.8","1.0.9","1.1","1.1.1","1.1.2","1.1.3","1.1.4","1.1.5","1.2","1.3","1.3.1","1.4","1.4.1","1.5","1.5.1","1.5.2"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2431752,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":2431752,"resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3029597,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"Dashboard plugin view in a classic theme","2":"Front-end modal window in a classic theme","3":"Dashboard plugin view in a block theme"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[3691,602,2331,4233,613],"plugin_category":[38],"plugin_contributors":[180057,191560,191561,191559],"plugin_business_model":[216239],"class_list":["post-130557","plugin","type-plugin","status-publish","hentry","plugin_tags-custom-login","plugin_tags-login","plugin_tags-login-form","plugin_tags-logout","plugin_tags-modal","plugin_category-authentication","plugin_contributors-davidperalvarez","plugin_contributors-esther_sola","plugin_contributors-nahuai","plugin_contributors-osompress","plugin_business_model-community","plugin_committers-esther_sola","plugin_committers-nahuai","plugin_committers-osompress"],"banners":{"banner":"https:\/\/ps.w.org\/osom-modal-login\/assets\/banner-772x250.jpg?rev=3358426","banner_2x":"https:\/\/ps.w.org\/osom-modal-login\/assets\/banner-1544x500.jpg?rev=3358426","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/osom-modal-login\/assets\/icon.svg?rev=3358426","icon":"https:\/\/ps.w.org\/osom-modal-login\/assets\/icon.svg?rev=3358426","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/osom-modal-login\/assets\/screenshot-1.jpg?rev=2431752","caption":"Dashboard plugin view in a classic theme"},{"src":"https:\/\/ps.w.org\/osom-modal-login\/assets\/screenshot-2.jpg?rev=2431752","caption":"Front-end modal window in a classic theme"},{"src":"https:\/\/ps.w.org\/osom-modal-login\/assets\/screenshot-3.jpg?rev=3029597","caption":"Dashboard plugin view in a block theme"}],"raw_content":"<!--section=description-->\n<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>\n\n<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>\n\n<h4>Features<\/h4>\n\n<p>With Osom Modal Login you can customize several parameters in the options page.<\/p>\n\n<p>Both in classic and block themes:<\/p>\n\n<ul>\n<li>Customize \"Login\" text.<\/li>\n<li>Customize \"Logout\" text.<\/li>\n<li>Set login and logout URL redirection.<\/li>\n<li>Display\/hide \"Remember me\" checkbox.<\/li>\n<li>Display\/hide \"Did you forget your password\" link.<\/li>\n<li>Display\/hide Register link.<\/li>\n<li>Set Register text link (if displayed).<\/li>\n<\/ul>\n\n<p>Only in classic themes:<\/p>\n\n<ul>\n<li>Set the title of the modal box.<\/li>\n<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>\n<\/ul>\n\n<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>\n\n<h4>Shortcode usage (optional)<\/h4>\n\n<p>You just need to enclose your custom text in [osom-login] shortcode.\nFor example: [osom-login] Custom text [\/osom-login]<\/p>\n\n<h4>Quick Setup Videos<\/h4>\n\n<p><a href=\"https:\/\/youtu.be\/0LJGYnq6G3o\">In classic themes<\/a>:<\/p>\n\n<p>https:\/\/youtu.be\/0LJGYnq6G3o<\/p>\n\n<p><a href=\"https:\/\/youtu.be\/y0GOzfNsptI\">In block themes<\/a>:<\/p>\n\n<p>https:\/\/youtu.be\/y0GOzfNsptI<\/p>\n\n<p>If you want more info about the setup and configuration you can check the tutorials below.<\/p>\n\n<h4>Tutorials<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/osompress.com\/add-button-styles-login-out-block-wordpress-block-theme\/\">How to add button styles to Login\/out Block in a WordPress Block Theme<\/a><\/li>\n<li><a href=\"https:\/\/osompress.com\/add-login-modal-pop-up-window-wordpress-block-theme\/\">Add a login modal\/pop-up window to a WordPress block theme<\/a><\/li>\n<li><a href=\"https:\/\/osompress.com\/add-svg-icons-osom-modal-login-logout-items\/\">How to add SVG icons to Osom Modal Login login\/logout items<\/a><\/li>\n<li><a href=\"https:\/\/osompress.com\/show-the-login-form-in-modal-window\/\">How to add a login popup modal in WordPress classic themes<\/a><\/li>\n<\/ul>\n\n<h4>Dev Features<\/h4>\n\n<ul>\n<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>\n<\/ul>\n\n<!--section=installation-->\n<p>This plugin can be installed directly from your site.<\/p>\n\n<ol>\n<li>Log in and navigate to Plugins &rarr; Add New.<\/li>\n<li>Type \"Osom Modal Login\" into the Search and hit Enter.<\/li>\n<li>Locate the Osom Modal Login plugin in the list of search results and click <strong>Install Now<\/strong>.<\/li>\n<li>Once installed, click the Activate link.<\/li>\n<li>Now you have the new plugin available on WordPress.<\/li>\n<\/ol>\n\n<p>It can also be installed manually.<\/p>\n\n<ol>\n<li>Download the Osom Modal Login plugin from WordPress.org.<\/li>\n<li>Unzip the package and move to your plugins directory.<\/li>\n<li>Log into WordPress and navigate to the Plugins screen.<\/li>\n<li>Locate Osom Modal Login in the list and click the <em>Activate<\/em> link.<\/li>\n<li>Now you have the new plugin available on WordPress.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='can%20i%20use%20osom%20modal%20login%20with%20any%20theme%3F'><h3>Can I use Osom Modal Login with any theme?<\/h3><\/dt>\n<dd><p>Yes, you can use Osom Modal Login with any theme, including a block theme.<\/p><\/dd>\n<dt id='where%20can%20i%20modify%20osom%20modal%20login%20settings%3F'><h3>Where can I modify Osom Modal Login settings?<\/h3><\/dt>\n<dd><p>You can find the settings page on WordPress left sidebar under OsomPress &gt; Osom Modal Login.<\/p><\/dd>\n<dt id='can%20i%20use%20osom%20modal%20login%20in%20other%20locations%20apart%20from%20the%20menus%3F'><h3>Can I use Osom Modal Login in other locations apart from the menus?<\/h3><\/dt>\n<dd><p>Yes, you can add a login modal window anywhere on the website using the shortcode [osom-login] Custom text [\/osom-login].\nAlternatively, you can also use the native login\/out block.<\/p><\/dd>\n<dt id='can%20i%20change%20the%20login%2Flogout%20text%3F'><h3>Can I change the Login\/Logout text?<\/h3><\/dt>\n<dd><p>Yes, you can do it.<\/p><\/dd>\n<dt id='can%20i%20use%20osom%20modal%20login%20on%20wordpress%20multisite%3F'><h3>Can I use Osom Modal Login on WordPress Multisite?<\/h3><\/dt>\n<dd><p>Yes, you can. Take into account that if you set the login or logout URL you will have to use an absolute URL, ie, https:\/\/yoursite.com\/redirect-page. If you use a relative ULR, such as \/redirect-page\/, it will point to the the main site URL (of the network).<\/p><\/dd>\n<dt id='is%20osom%20modal%20login%20compatible%20with%20wordpress%20multilingual%20plugin%3F'><h3>Is Osom Modal Login compatible with WordPress Multilingual plugin?<\/h3><\/dt>\n<dd><p>Yes, it is.<\/p><\/dd>\n<dt id='will%20osom%20modal%20login%20work%20on%20header%2Ffooters%20created%20with%20elementor%3F'><h3>Will Osom Modal Login work on header\/footers created with Elementor?<\/h3><\/dt>\n<dd><p>No at the moment. We will explore to add support on future updates.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.5.2<\/h4>\n\n<ul>\n<li>Improve style enqueueing (thanks @adriansoewono for the suggestion )<\/li>\n<\/ul>\n\n<h4>1.5.1<\/h4>\n\n<ul>\n<li>Fix deprecation for PHP +8.1.<\/li>\n<\/ul>\n\n<h4>1.5<\/h4>\n\n<ul>\n<li>Add login\/out block automatically on block themes.<\/li>\n<li>Improvements on the form title.<\/li>\n<\/ul>\n\n<h4>1.4.1<\/h4>\n\n<ul>\n<li>Revert conditional loading of styles and scripts due to some issues on edge cases.<\/li>\n<\/ul>\n\n<h4>1.4<\/h4>\n\n<ul>\n<li>Improve conditional loading of styles and scripts. On block themes it will only load the style and script files if the login\/out block is present.<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>Improve modal behaviour on block themes.<\/li>\n<li>CSS tweaks.<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>Added new options for block themes. Now you can change the text for the login and logout and also set the URL redirections after login and logout.<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>Added compatibility with block themes. Now you can use the native login\/out block, when the user click on it it will display a modal window with the login form.<\/li>\n<\/ul>\n\n<h4>1.1.5<\/h4>\n\n<ul>\n<li>Small fixes and tested up to WordPress 6.4.<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>Fix new PHP warning (in PHP 8 or superior).<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>Set empty login fields as login failed.<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Remove Dashicons dependencie.<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Tested on WordPress 6.0.<\/li>\n<li>Fix new PHP notice (in PHP 8 or superior).<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Tested on WordPress 5.9.<\/li>\n<li>Fix PHP notices.<\/li>\n<\/ul>\n\n<h4>1.0.8<\/h4>\n\n<ul>\n<li>Improve shortcode perfomance.<\/li>\n<li>Improve performance for multiple locations.<\/li>\n<\/ul>\n\n<h4>1.0.7<\/h4>\n\n<ul>\n<li>Add option to display register link.<\/li>\n<\/ul>\n\n<h4>1.0.6<\/h4>\n\n<ul>\n<li>Add option to select multiple menu location.<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Add redirection to the plugin settings page when activated.<\/li>\n<li>Tested on WordPress Multisite.<\/li>\n<li>Tested with WordPress Multilingual.<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Add labels for login\/logut menu item<\/li>\n<li>Removal of the jQuery used and replaced with Vanilla JavaScript<\/li>\n<li>Add settings link in plugins page<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Fix warnings<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Translation improvements<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"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 &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/130557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=130557"}],"author":[{"embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/osompress"}],"wp:attachment":[{"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=130557"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=130557"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=130557"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=130557"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=130557"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/roh.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=130557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}