Title: Modal Guten Block
Author: merbmerb
Published: <strong>2. Septembra 2019.</strong>
Last modified: 3. Oktobra 2023.

---

Pretražite dodatke

Ovaj dodatak **nije testiran s najnovija 3 glavna izdanja WordPress-a**. Možda se
više ne održava ili se ne podržava i može imati problema sa kompatibilnošću kada
se koristi sa novijim verzijama WordPress-a.

![](https://ps.w.org/modal-block/assets/icon-256x256.png?rev=2149842)

# Modal Guten Block

 Od [merbmerb](https://profiles.wordpress.org/merbmerb/)

[Skini](https://downloads.wordpress.org/plugin/modal-block.zip)

 * [Detalji](https://bs.wordpress.org/plugins/modal-block/#description)
 * [Recenzije](https://bs.wordpress.org/plugins/modal-block/#reviews)
 *  [Instalacija](https://bs.wordpress.org/plugins/modal-block/#installation)
 * [Razvoj](https://bs.wordpress.org/plugins/modal-block/#developers)

 [Podrška](https://wordpress.org/support/plugin/modal-block/)

## Opis

This project provides a modal / popup block for the WordPress Gutenberg editor.

 * Multiple methods for triggering modal including button, text link, image link,
   external class, and page load.
 * User definable modal content using Gutenberg blocks, for example, image, paragraph
   etc.
 * Support for multiple modal window sizes.
 * Modal window transitions for fade, left, right, up down.
 * Manual trigger modal initialization by calling bodModal.initModal()
 * Custom events for before open, after open, before close, after close so custom
   code can be used.
 * Lots of customizable options including Trigger Button Label, Button Color, Trigger
   Text, Trigger Text Size, Trigger Image, Trigger Class, Modal Delay, Trigger Element
   Alignment, Overlay Background Color, Title Text Size, Title Font Color, Title
   Background Color, Title Padding, Border Radius.
 * Supports multiple modals on the same page.
 * ADA compliant.
 * Modal to modal links.
 * Multiple ways to close the modal.
    - Escape key
    - Close button ‘X’ in the top right of the screen.
    - Close button ‘X’ in the modal title.
    - Close button at the bottom on the modal content.
 * Uses create-guton-block for easy config.

### Donations

If you like the plugin, consider a donation to support further development. [Click here](https://paypal.me/SupportBodDev)

## Slike ekrana

[⌊Sample modal window.⌉⌊Sample modal window.⌉[

Sample modal window.

[⌊Modal Guten Block in editor.⌉⌊Modal Guten Block in editor.⌉[

Modal Guten Block in editor.

## Blokovi

Ovaj dodatak omogućava 1 blok.

 *   Modal Guten Block

## Instalacija

From your WordPress dashboard

 1. **Visit** Plugins > Add New
 2. **Search** for “Modal Block”
 3. **Install** the “Modal Block” plugin
 4. **Activate** “Modal Block” from your Plugins page
 5. **Insert Block** on your Gutenberg Editor and select “Modal Block” which is located
    in Widgets.

## Recenzije

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

### 󠀁[Bump to WP 6.8 for Wordfence](https://wordpress.org/support/topic/bump-to-wp-6-8-for-wordfence/)󠁿

 [kelter](https://profiles.wordpress.org/kelter/) 3. Oktobra 2025.

I like this plugin. I've had zero problems. It does it's job and so far has just
stayed out of the way. Thank you. I wish Wordfence wasn't so harsh to plugins like
this… I got this alert: Medium Severity Problems:* The Plugin "Modal Guten Block"
appears to be abandoned (updated October 3, 2023, tested to WP 6.3.7). Maybe this
could have a version bump just so it's "compatible" with WP 6.7 or 6.8? Then Wordfence
would yell less often.

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

### 󠀁[“Simple” and efficient plugin](https://wordpress.org/support/topic/simple-and-efficient-plugin-9/)󠁿

 [kldro](https://profiles.wordpress.org/kldro/) 30. Januara 2025.

Thank you for this "simple" and efficient plugin. It does exactly what it promises
without adding tons of unnecessary features.

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

### 󠀁[Great Work, solid Standalone Popup Plugin](https://wordpress.org/support/topic/great-work-solid-standalone-popup-plugin/)󠁿

 [SPiNNdevs](https://profiles.wordpress.org/spinndevs/) 10. Oktobra 2024.

Hello, thanks for the work. It's not easy, to find good standalone Plugins these
days. Two Things we would love to see are: Better design in the Backend editor, 
like providing a wrapper for all elements which are responsible for one Popup Block.
Adding padding to the title input. Consider a custom background, because titles 
are not readable, when the Popup Block is based on a group with a dark background.
Changing the preview background color, to the one, selected in the options. And 
using native Gutenberg wordpress/elements for options/inputs would really smoothen
the experience of an editor and would make this plugin feel much more native

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

### 󠀁[Thanks a lot](https://wordpress.org/support/topic/thanks-a-lot-155/)󠁿

 [chrioll](https://profiles.wordpress.org/chrioll/) 29. Novembra 2023.

Simple to use and works perfect for me 😉

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

### 󠀁[Love that this is a separate plugin and not part of a collection of blocks](https://wordpress.org/support/topic/love-that-this-is-a-separate-plugin-and-not-part-of-a-collection-of-blocks/)󠁿

 [Johan van der Wijk](https://profiles.wordpress.org/vanderwijk/) 21. Novembra 2023.

It does what it is supposed to do, easily configurable and I love that this is a
separate plugin and not part of a collection of blocks. It keeps WordPress nice 
and lean. It would be perfect if the color picker would use the regular Gutenberg
color palette chooser 🙂

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

### 󠀁[Simply Wonderful](https://wordpress.org/support/topic/simply-wonderful-31/)󠁿

 [polina92](https://profiles.wordpress.org/polina92/) 10. Novembra 2023.

Extremely versatile, works perfect, no issue in several months of use. And honestly,
for me, nothing is missing. I even use it for click something / reveal result. For
fun or educational purposes. Congratulations to the author, it's much better than
very good.

 [ Read all 24 reviews ](https://wordpress.org/support/plugin/modal-block/reviews/)

## Saradnici i programeri

“Modal Guten Block” is open source software. The following people have contributed
to this plugin.

Doprinositelji

 *   [ merbmerb ](https://profiles.wordpress.org/merbmerb/)

[Prevedi “Modal Guten Block” na vaš jezik.](https://translate.wordpress.org/projects/wp-plugins/modal-block)

### Zainteresirani za razvoj?

[Pregledajte kôd](https://plugins.trac.wordpress.org/browser/modal-block/), pogledajte
[SVN spremište](https://plugins.svn.wordpress.org/modal-block/)ili se pretplatite
na [dnevnik razvoja](https://plugins.trac.wordpress.org/log/modal-block/) od [RSS](https://plugins.trac.wordpress.org/log/modal-block/?limit=100&mode=stop_on_copy&format=rss).

## Zapis promijena

#### 2.1

 * Transition effects (fade, left, right, up, down) and ‘Custom Events’ for before
   modal open, after open, before close, after close
 * Manual trigger modal initialization by calling bodModal.initModal()

#### 2.0

 * Modal background images. Separate options into Trigger, Modal, Title and Content
   panels. Title close X ability to define size. Trigger based on URL text.

#### 1.5

 * modal to modal links, text align title, title close button

#### 1.4.3

 * Option to disable close modal on Escape key press.

#### 1.4.2

 * Fixed issue where clicking on nested content in edit mode resulted in modal edit
   content box closing.
 * When modal opened focus on first element but do not scroll to it. Stops modal
   opening at bottom.

#### 1.4.1

 * Fix for when we trigger on image and image is smaller than medium size. In this
   case we default in the full size image.

#### 1.4

 * Make ADA compliant including using button instead of span, setting / returning
   focus and focus trapping.
 * Add custom class to dialog when modal opens.
 * Add toggle option to disable close on overlay click.

#### 1.3

 * Optional display only once for timer based modals. Modal Id links timer modals
   on different pages to say they are the same. Also ability to say how long before
   modal is shown again.

#### 1.2

 * Change icon to use SVG – use alt tag from trigger image – optional close btn 
   in modal

#### 1.1

 * Update for deprecated wp.editor (changed to wp.blockEditor) and core/editor (
   changed to core/block-editor).

#### 1.0.0 (8/19/2019)

 * First release

## Meta

 *  Version **2.1**
 *  Last updated **prije 3 godine**
 *  Active installations **2.000+**
 *  WordPress version ** 5.0 ili viša **
 *  Tested up to **6.3.10**
 *  PHP version ** 5.6 ili viša **
 *  Language
 * [English (US)](https://wordpress.org/plugins/modal-block/)
 * Tags
 * [block](https://bs.wordpress.org/plugins/tags/block/)[gutenberg](https://bs.wordpress.org/plugins/tags/gutenberg/)
   [modal](https://bs.wordpress.org/plugins/tags/modal/)[popup](https://bs.wordpress.org/plugins/tags/popup/)
   [window](https://bs.wordpress.org/plugins/tags/window/)
 *  [Napredni pogled](https://bs.wordpress.org/plugins/modal-block/advanced/)

## Ocjene

 4.9 out of 5 stars.

 *  [  22 5-star reviews     ](https://wordpress.org/support/plugin/modal-block/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/modal-block/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/modal-block/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/modal-block/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/modal-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/modal-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/modal-block/reviews/)

## Doprinositelji

 *   [ merbmerb ](https://profiles.wordpress.org/merbmerb/)

## Podrška

Imate nešto za reći? Trebate pomoć?

 [Pogledaj forum podrške](https://wordpress.org/support/plugin/modal-block/)

## Pokloni

Da li bi ste željeli da podržite napredovanje ovog proširenja?

 [ Pokloni ovom proširenju ](https://paypal.me/SupportBodDev)