Title: Osom Modal Login
Author: OsomPress
Published: <strong>24.10.2020</strong>
Last modified: 14.09.2026

---

Поиск плагинов

![](https://ps.w.org/osom-modal-login/assets/banner-772x250.jpg?rev=3358426)

![](https://ps.w.org/osom-modal-login/assets/icon.svg?rev=3358426)

# Osom Modal Login

 Автор: [OsomPress](https://profiles.wordpress.org/osompress/)

[Скачать](https://downloads.wordpress.org/plugin/osom-modal-login.1.5.2.zip)

 * [Детали](https://ru.wordpress.org/plugins/osom-modal-login/#description)
 * [Отзывы](https://ru.wordpress.org/plugins/osom-modal-login/#reviews)
 *  [Установка](https://ru.wordpress.org/plugins/osom-modal-login/#installation)
 * [Разработка](https://ru.wordpress.org/plugins/osom-modal-login/#developers)

 [Поддержка](https://wordpress.org/support/plugin/osom-modal-login/)

## Описание

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.

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.

#### Features

With Osom Modal Login you can customize several parameters in the options page.

Both in classic and block themes:

 * Customize «Login» text.
 * Customize «Logout» text.
 * Set login and logout URL redirection.
 * Display/hide «Remember me» checkbox.
 * Display/hide «Did you forget your password» link.
 * Display/hide Register link.
 * Set Register text link (if displayed).

Only in classic themes:

 * Set the title of the modal box.
 * 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.

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.

#### Shortcode usage (optional)

You just need to enclose your custom text in [osom-login] shortcode.
 For example:[
osom-login] Custom text [/osom-login]

#### Quick Setup Videos

[In classic themes](https://youtu.be/0LJGYnq6G3o):

[In block themes](https://youtu.be/y0GOzfNsptI):

If you want more info about the setup and configuration you can check the tutorials
below.

#### Tutorials

 * [How to add button styles to Login/out Block in a WordPress Block Theme](https://osompress.com/add-button-styles-login-out-block-wordpress-block-theme/)
 * [Add a login modal/pop-up window to a WordPress block theme](https://osompress.com/add-login-modal-pop-up-window-wordpress-block-theme/)
 * [How to add SVG icons to Osom Modal Login login/logout items](https://osompress.com/add-svg-icons-osom-modal-login-logout-items/)
 * [How to add a login popup modal in WordPress classic themes](https://osompress.com/show-the-login-form-in-modal-window/)

#### Dev Features

 * 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.

## Скриншоты

[⌊Dashboard plugin view in a classic theme⌉⌊Dashboard plugin view in a classic theme⌉[

Dashboard plugin view in a classic theme

[⌊Front-end modal window in a classic theme⌉⌊Front-end modal window in a classic
theme⌉[

Front-end modal window in a classic theme

[⌊Dashboard plugin view in a block theme⌉⌊Dashboard plugin view in a block theme⌉[

Dashboard plugin view in a block theme

## Установка

This plugin can be installed directly from your site.

 1. Log in and navigate to Plugins → Add New.
 2. Type «Osom Modal Login» into the Search and hit Enter.
 3. Locate the Osom Modal Login plugin in the list of search results and click **Install
    Now**.
 4. Once installed, click the Activate link.
 5. Now you have the new plugin available on WordPress.

It can also be installed manually.

 1. Download the Osom Modal Login plugin from WordPress.org.
 2. Unzip the package and move to your plugins directory.
 3. Log into WordPress and navigate to the Plugins screen.
 4. Locate Osom Modal Login in the list and click the _Activate_ link.
 5. Now you have the new plugin available on WordPress.

## Часто задаваемые вопросы

### Can I use Osom Modal Login with any theme?

Yes, you can use Osom Modal Login with any theme, including a block theme.

### Where can I modify Osom Modal Login settings?

You can find the settings page on WordPress left sidebar under OsomPress > Osom 
Modal Login.

### Can I use Osom Modal Login in other locations apart from the menus?

Yes, you can add a login modal window anywhere on the website using the shortcode[
osom-login] Custom text [/osom-login].
 Alternatively, you can also use the native
login/out block.

### Can I change the Login/Logout text?

Yes, you can do it.

### Can I use Osom Modal Login on WordPress Multisite?

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).

### Is Osom Modal Login compatible with WordPress Multilingual plugin?

Yes, it is.

### Will Osom Modal Login work on header/footers created with Elementor?

No at the moment. We will explore to add support on future updates.

## Отзывы

![](https://secure.gravatar.com/avatar/74c9c0a9659507085e807b375628a9bbb81caba6e146f409ed6b627d2c86894d?
s=60&d=retro&r=g)

### 󠀁[Perfecto](https://wordpress.org/support/topic/perfecto-431/)󠁿

 [Joan Boluda](https://profiles.wordpress.org/boluda/) 30.08.2024 2 ответа

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

![](https://secure.gravatar.com/avatar/852abecc87f80d2d3047f4d867f62160ab2f7c62d5bb72c865604f282e0ab0fc?
s=60&d=retro&r=g)

### 󠀁[Fantástico](https://wordpress.org/support/topic/fantastico-355/)󠁿

 [Ángel Vilches](https://profiles.wordpress.org/angelvilches/) 04.04.2024 1 ответ

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.

![](https://secure.gravatar.com/avatar/94105264e4416ccaff6f602882d8164d1d888bea6ce12400804b78efb6f89879?
s=60&d=retro&r=g)

### 󠀁[Does what it says on the tin](https://wordpress.org/support/topic/does-what-it-says-on-the-tin-592/)󠁿

 [littledinkie](https://profiles.wordpress.org/littledinkie/) 01.03.2024 1 ответ

Excellent plugin. Simple to configure. Can be a little tricky when using with Divi
but support provided for the plugin is quick and effective. If you are after a simple
clean modal login that is easy to style, this is the one. Highly recommend.

![](https://secure.gravatar.com/avatar/43b3609f9ee30d05e31300bbcd9c7b3984c92e95f4b70292344bb5f65ebf4d9f?
s=60&d=retro&r=g)

### 󠀁[Genial](https://wordpress.org/support/topic/genial-598/)󠁿

 [rodriguezleticia](https://profiles.wordpress.org/rodriguezleticia/) 27.01.2023

Fácil, intuitivo. Ya no uso otro.

![](https://secure.gravatar.com/avatar/0e3ca4a1f94548dcf0faefdbe02ae96273ab0b9435a11e430dcf21f38722e14e?
s=60&d=retro&r=g)

### 󠀁[All OK](https://wordpress.org/support/topic/all-ok-42/)󠁿

 [jorgetfe](https://profiles.wordpress.org/jorgetfe/) 19.07.2022

Excelent!

![](https://secure.gravatar.com/avatar/f4c4f39308bc919a8ade4983f0d703a73e8360c1476f4884596527c162715ba0?
s=60&d=retro&r=g)

### 󠀁[Simple but very effective.](https://wordpress.org/support/topic/simple-but-very-effective-13/)󠁿

 [kylechoi](https://profiles.wordpress.org/kylechoi/) 21.06.2022

I always want to have a modal login functionality for the website. Seems many solutions
are hard to figure out and too much.. But Osom modal login is definitely awesome.
Easy and simple, and effective. Thank you so much for the great contribution.

 [ Посмотреть все 15 отзывов ](https://wordpress.org/support/plugin/osom-modal-login/reviews/)

## Участники и разработчики

«Osom Modal Login» — проект с открытым исходным кодом. В развитие плагина внесли
свой вклад следующие участники:

Участники

 *   [ OsomPress ](https://profiles.wordpress.org/osompress/)
 *   [ esther sola ](https://profiles.wordpress.org/esther_sola/)
 *   [ Nahuai Badiola ](https://profiles.wordpress.org/nahuai/)
 *   [ DavidPeralvarez ](https://profiles.wordpress.org/davidperalvarez/)

«Osom Modal Login» переведён на 7 языков. Благодарим [переводчиков](https://translate.wordpress.org/projects/wp-plugins/osom-modal-login/contributors)
за их работу.

[Перевести «Osom Modal Login» на ваш язык.](https://translate.wordpress.org/projects/wp-plugins/osom-modal-login)

### Заинтересованы в разработке?

[Посмотрите код](https://plugins.trac.wordpress.org/browser/osom-modal-login/), 
проверьте [SVN репозиторий](https://plugins.svn.wordpress.org/osom-modal-login/),
или подпишитесь на [журнал разработки](https://plugins.trac.wordpress.org/log/osom-modal-login/)
по [RSS](https://plugins.trac.wordpress.org/log/osom-modal-login/?limit=100&mode=stop_on_copy&format=rss).

## Журнал изменений

#### 1.5.2

 * Improve style enqueueing (thanks @adriansoewono for the suggestion )

#### 1.5.1

 * Fix deprecation for PHP +8.1.

#### 1.5

 * Add login/out block automatically on block themes.
 * Improvements on the form title.

#### 1.4.1

 * Revert conditional loading of styles and scripts due to some issues on edge cases.

#### 1.4

 * 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.

#### 1.3.1

 * Improve modal behaviour on block themes.
 * CSS tweaks.

#### 1.3

 * 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.

#### 1.2

 * 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.

#### 1.1.5

 * Small fixes and tested up to WordPress 6.4.

#### 1.1.4

 * Fix new PHP warning (in PHP 8 or superior).

#### 1.1.3

 * Set empty login fields as login failed.

#### 1.1.2

 * Remove Dashicons dependencie.

#### 1.1.1

 * Tested on WordPress 6.0.
 * Fix new PHP notice (in PHP 8 or superior).

#### 1.1

 * Tested on WordPress 5.9.
 * Fix PHP notices.

#### 1.0.8

 * Improve shortcode perfomance.
 * Improve performance for multiple locations.

#### 1.0.7

 * Add option to display register link.

#### 1.0.6

 * Add option to select multiple menu location.

#### 1.0.5

 * Add redirection to the plugin settings page when activated.
 * Tested on WordPress Multisite.
 * Tested with WordPress Multilingual.

#### 1.0.4

 * Add labels for login/logut menu item
 * Removal of the jQuery used and replaced with Vanilla JavaScript
 * Add settings link in plugins page

#### 1.0.3

 * Fix warnings

#### 1.0.2

 * Translation improvements

#### 1.0

 * Initial release.

## Плагин сообщества

Этот плагин разработан и поддерживается сообществом.

## Мета

 *  Версия **1.5.2**
 *  Обновление: **3 недели назад**
 *  Активных установок: **400+**
 *  Версия WordPress ** 5.0 или выше **
 *  Совместим вплоть до: **7.1.3**
 *  Версия PHP ** 5.6 или выше **
 *  Языки
 * [Catalan](https://ca.wordpress.org/plugins/osom-modal-login/), [English (US)](https://wordpress.org/plugins/osom-modal-login/),
   [Spanish (Chile)](https://cl.wordpress.org/plugins/osom-modal-login/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/osom-modal-login/),
   [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/osom-modal-login/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/osom-modal-login/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/osom-modal-login/) и [Spanish (Venezuela)](https://ve.wordpress.org/plugins/osom-modal-login/).
 *  [Перевести на ваш язык](https://translate.wordpress.org/projects/wp-plugins/osom-modal-login)
 * Метки:
 * [custom login](https://ru.wordpress.org/plugins/tags/custom-login/)[login](https://ru.wordpress.org/plugins/tags/login/)
   [login form](https://ru.wordpress.org/plugins/tags/login-form/)[logout](https://ru.wordpress.org/plugins/tags/logout/)
   [modal](https://ru.wordpress.org/plugins/tags/modal/)
 *  [Дополнительно](https://ru.wordpress.org/plugins/osom-modal-login/advanced/)

## Оценки

 5 из 5 звёзд.

 *  [  15 5-звездный отзыв     ](https://wordpress.org/support/plugin/osom-modal-login/reviews/?filter=5)
 *  [  0 4-звездный отзыв     ](https://wordpress.org/support/plugin/osom-modal-login/reviews/?filter=4)
 *  [  0 3-звездный отзыв     ](https://wordpress.org/support/plugin/osom-modal-login/reviews/?filter=3)
 *  [  0 2-звездный отзыв     ](https://wordpress.org/support/plugin/osom-modal-login/reviews/?filter=2)
 *  [  0 1-звездный отзыв     ](https://wordpress.org/support/plugin/osom-modal-login/reviews/?filter=1)

[Ваш отзыв](https://wordpress.org/support/plugin/osom-modal-login/reviews/#new-post)

[Посмотреть всеотзывы](https://wordpress.org/support/plugin/osom-modal-login/reviews/)

## Участники

 *   [ OsomPress ](https://profiles.wordpress.org/osompress/)
 *   [ esther sola ](https://profiles.wordpress.org/esther_sola/)
 *   [ Nahuai Badiola ](https://profiles.wordpress.org/nahuai/)
 *   [ DavidPeralvarez ](https://profiles.wordpress.org/davidperalvarez/)

## Поддержка

Есть что сказать? Нужна помощь?

 [Перейти в форум поддержки](https://wordpress.org/support/plugin/osom-modal-login/)

## Пожертвование

Хотите поддержать улучшение этого плагина?

 [ Пожертвовать на развитие плагина ](https://osompress.com)