Noor Alam

<a href="https://noorsplugin.com/wordpress-colorbox-plugin/" rel="nofollow ugc">WP Colorbox</a> plugin is a simple lightbox tool for WordPress. It allows users to pop up content in lightbox using the popular jQuery ColorBox library. They can also view the larger version of a particular media file without leaving the page.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/2osxJcPTS1E?version=3&rel=0&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>
<h4>Features</h4>
<ul>
<li>Beautiful lightbox popup style</li>
<li>Flexiblity of creating your own lightbox link</li>
<li>Pop up custom/HTML content in lightbox</li>
<li>Trigger lightbox from either a text/image link</li>
<li>Add lightbox to a YouTube or Vimeo video link</li>
<li>Enable lightbox functionality on your site which supports modern browsers</li>
<li>Use a simple shortcode to pop up a media file in lightbox</li>
<li>Apply lightbox effect on images inserted into WordPress post/page</li>
<li>Open external page in lightbox using iframe</li>
<li>Responsive lightbox popup which works on mobile devices. Also it fits perfectly on smaller screens.</li>
</ul>
<h4>How to Use WP Colorbox</h4>
Pop up image in lightbox
Create a new post/page and use the following shortcode to create a text/image link which will trigger lightbox once clicked:
<pre><code>[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="click here to pop up image"]
</code></pre>
here, url is the link to the media file that you wish to open in lightbox and hyperlink is the anchor text/image.
<pre><code>[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]
</code></pre>
Pop up YouTube video in lightbox
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video"]
</code></pre>
Pop up Vimeo video in lightbox
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]
</code></pre>
Specify an Alternate Text for an Image
<pre><code>[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" title="overlay image" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg" alt="Thumbnail image description"]
</code></pre>
Apply Custom CSS
You can specify your own CSS class in the shortcode to customize a text/image link.
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class"]
</code></pre>
Multiple CSS classes can be separated with a space. For example:
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video" class="custom_class custom_class2"]
</code></pre>
For detailed documentation please visit the <a href="https://noorsplugin.com/wordpress-colorbox-plugin/" rel="nofollow ugc">WordPress Colorbox</a> plugin page

WP Colorbox

Having to go to a website to see how to use this should be a huge no-no. Will not recommend this plugin to anyone.

Missing in-plugin documentation

View image, video (YouTube, Vimeo), page, inline HTML, custom content in lightbox. Add jQuery Colorbox lightbox effect to your WordPress site.

dudaster

PopupReply for Contact Form 7 turns standard Contact Form 7 response messages into elegant, accessible modal popups that visitors cannot miss.
By default, Contact Form 7 prints its response message inside the form, where it is easy to miss, often appears below the fold, and is styled inconsistently by the theme. PopupReply replaces that experience with a clear, modern popup — without writing a single line of code.
Tested with WordPress 7
PopupReply has been tested with WordPress 7.0 and the latest Contact Form 7 release. It uses no deprecated APIs and is ready for the current WordPress core.
What it does
<ul>
<li>Displays Contact Form 7 success, validation, error and spam messages in a popup modal.</li>
<li>Uses the actual message returned by Contact Form 7 — nothing is hardcoded, so it respects whatever you configured under the form’s Messages tab.</li>
<li>Works with the modern Contact Form 7 events: <code>wpcf7mailsent</code>, <code>wpcf7invalid</code>, <code>wpcf7mailfailed</code> and <code>wpcf7spam</code>.</li>
<li>Reuses a single modal for every response type, so there is no markup bloat on the page.</li>
<li>De-duplicates rapid repeat events, so a single submission never opens the popup twice.</li>
</ul>
No more Colorbox
This version is a full rewrite. It no longer uses Colorbox and no longer depends on the Lightbox Plus Colorbox plugin. The modal is built with plain, dependency-free JavaScript — no jQuery, no external libraries and no CDN assets. Everything is served from your own site.
Accessible by design
The popup is a proper dialog: <code>role="dialog"</code>, <code>aria-modal</code>, labelled and described for screen readers, with a focus trap, focus restored to the previously focused element on close, ESC support and an accessible close button. If you turn off every other way to close it, an OK button is shown automatically so the dialog can never trap the user.
Global settings
A global settings page under Settings → PopupReply lets you control:
<ul>
<li>Enable or disable PopupReply site-wide.</li>
<li>Which responses open a popup — all responses, success only, or errors only.</li>
<li>Whether the original inline Contact Form 7 response also stays visible under the form.</li>
<li>Close behaviour — close button, ESC key, click on the overlay, and optional auto-close with a configurable delay in seconds.</li>
<li>Popup size — small, medium or large.</li>
<li>Popup style — Clean, Rounded, Minimal or System.</li>
<li>Disable the plugin CSS entirely, so you can style the modal yourself.</li>
<li>Debug mode, which logs popup activity to the browser console.</li>
</ul>
Per-form settings
A PopupReply panel inside every Contact Form 7 form editor lets each form override the global behaviour:
<ul>
<li>Use global settings, disable PopupReply for that form, enable it only for success messages, or enable it for all responses.</li>
<li>Custom popup titles for success, error, validation and spam responses.</li>
<li>A custom success message that replaces the Contact Form 7 message inside the popup.</li>
<li>A custom CSS class added to the popup for that form only.</li>
</ul>
Lightweight and self-contained
No jQuery, no Colorbox, no external libraries, no CDN requests and no tracking. The plugin stays safely inactive if Contact Form 7 is not installed and never causes PHP errors.

PopupReply for Contact Form 7

Show Contact Form 7 response messages in a clean, accessible popup modal.

WP Colorbox vs PopupReply for Contact Form 7