Directory / plugin

FormCourier Modal Window

v1.3.5 · by Den Slav

Open shortcode content in an accessible modal with an optional floating button and multilingual support.

View on WordPress.org

About this plugin

FormCourier Modal Window is a lightweight plugin for displaying WordPress forms and other shortcode-generated content in an accessible modal window.

Add a shortcode in the plugin settings and optionally enable a floating call-to-action button. You can also configure CSS trigger classes so matching buttons, links, or other elements open the same modal.

The plugin focuses on one task. It does not include a form builder, marketing automation, analytics, tracking, or an external service. The shortcode content is generated by WordPress or by the plugin that registered the shortcode.

Features:

  • Display WordPress shortcode content inside a modal window.
  • Enable an optional floating button that opens the modal without adding a CSS class to a page element.
  • Choose the floating button’s background color, bottom-left or bottom-right position, and an image from the WordPress Media Library. A paper-plane icon is used when no image is selected.
  • Respect reduced-motion preferences for the floating button animation.
  • Open the same modal from any number of buttons, links, or other elements.
  • Configure multiple trigger CSS classes.
  • Support dynamically added trigger elements through event delegation.
  • Close the modal with the close button, backdrop click, or Escape key.
  • Keep keyboard focus inside the open dialog and return focus to the trigger after closing.
  • Respect reduced-motion preferences.
  • Load frontend assets only when a shortcode and a trigger class or the floating button are configured.
  • No external API requests, tracking, or remote dependencies.
  • Automatically detects all languages configured in Polylang.
  • Supports language-specific shortcodes with WPML.
  • Falls back to the default language shortcode when a translation is not configured.

Usage

For example, configure this shortcode:

[contact-form-7 id="123" title="Contact form"]

Then configure this trigger class:

open-contact-modal

Add open-contact-modal as a CSS class to a button or link on the site. Clicking that element opens the configured shortcode content in the modal.

The plugin uses event delegation, so matching elements added dynamically after page load can also open the modal.

Alternatively, enable Show floating button in the plugin settings. The button opens the configured modal without a trigger class. It is disabled by default, including when upgrading an existing installation. Select an image from the Media Library, or use the default paper-plane icon; set a background color and choose the bottom-left or bottom-right position.

Privacy

FormCourier Modal Window does not collect, store, or transmit visitor data by itself.

Any data submitted through content displayed inside the modal is handled by the plugin or service that provides the configured shortcode. Review that plugin or service’s privacy behavior separately.

Plugin tags