Title: BF Modal
Author: Bornfight
Published: <strong>November 6, 2021</strong>
Last modified: April 20, 2023

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/bf-modal.svg)

# BF Modal

 By [Bornfight](https://profiles.wordpress.org/bornfight/)

[Download](https://downloads.wordpress.org/plugin/bf-modal.1.1.3.zip)

 * [Details](https://kea.wordpress.org/plugins/bf-modal/#description)
 * [Reviews](https://kea.wordpress.org/plugins/bf-modal/#reviews)
 *  [Installation](https://kea.wordpress.org/plugins/bf-modal/#installation)
 * [Development](https://kea.wordpress.org/plugins/bf-modal/#developers)

 [Support](https://wordpress.org/support/plugin/bf-modal/)

## Description

BF Modal is made to convert any custom post type, page or post to modal. Plugin

automatically adds rewrite rules so you can still have nice and relevant URL when
popup is opened. Take full control of modal and override modal templates. You can
create custom modal templates so each page can have different template. You can 
also override based on post type.

## Screenshots

 * [[
 * The BF Modal Options Page
 * [[
 * Modal Options for pages

## Installation

Upload ‘bf-modal’ to the ‘/wp-content/plugins/’ directory

Activate the plugin through the ‘Plugins’ menu in WordPress

Convert pages and post types to modal

#### How this plugin works

 1. Simply go to BF Modal Options page and choose post type you want to convert to 
    modal
 2. Choose an archive page, page that will be displayed below this popup
 3. Go to Settings -> Permalinks and save permalinks so rewrite rules can be rewritten
 4. That’s it, you are good to go, post type single page will open in modal when you
    visit URL

If you add links to modal pages somewhere it will go to that link and open popup/
modal, but if you
 want to stay on the same page and not actually go to different
page then you can use

To your link you add class **js-bfml-modal-trigger** and post-data-id attribute 
with post id

Example:

    ```
    <a href="#" class="js-bfml-modal-trigger" data-post-data-id="12">
        This is a test post type Link
    </a>
    ```

If you want to convert pages to modal
 1. Go to page you want to convert, find Modal
Page options meta box 2. Set Is Modal to true and set your archive page 3. Settings-
> Permalinks and save permalinks 4. Open your page and it will open as modal

## FAQ

### What kind of support do you provide?

Please post your question on plugin support forum

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

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

Contributors

 *   [ Bornfight ](https://profiles.wordpress.org/bornfight/)
 *   [ jmucak ](https://profiles.wordpress.org/jmucak/)

[Translate “BF Modal” into your language.](https://translate.wordpress.org/projects/wp-plugins/bf-modal)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/bf-modal/), check out
the [SVN repository](https://plugins.svn.wordpress.org/bf-modal/), or subscribe 
to the [development log](https://plugins.trac.wordpress.org/log/bf-modal/) by [RSS](https://plugins.trac.wordpress.org/log/bf-modal/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.11

_Release Date – 27 October 2021_
 First Release

#### 1.1.0

_Release Date – 06 December 2021_

 * New – added remove options on uninstall plugin
 * New – added flush rewrite rules when setting rewrite rules
 * New – added link to settings page

#### 1.1.1

_Release Date – 07 December 2021_

 * Fix – updated npm packages
 * Fix – updated saving post types options
 * Update – refactored code

#### 1.1.2

_Release Date – 07 March 2023_

*Fix – Modal admin page settings

#### 1.1.3

_Release Date – 20 April 2023_

*Fix – Modal scroll on mobile
 *Test – new WP version

## Meta

 *  Version **1.1.3**
 *  Last updated **3 years ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 4.7 or higher **
 *  Tested up to **6.2.9**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/bf-modal/)
 * Tags
 * [custom popup](https://kea.wordpress.org/plugins/tags/custom-popup/)[modal](https://kea.wordpress.org/plugins/tags/modal/)
   [popup](https://kea.wordpress.org/plugins/tags/popup/)
 *  [Advanced View](https://kea.wordpress.org/plugins/bf-modal/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/bf-modal/reviews/#new-post)

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

## Contributors

 *   [ Bornfight ](https://profiles.wordpress.org/bornfight/)
 *   [ jmucak ](https://profiles.wordpress.org/jmucak/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/bf-modal/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://kea.wordpress.org/?output_format=md)