This plugin will help users to show some nice sorts of jquery styles based on modal features into their websites.

Noted That:

To install correctly this chbd-simple-jquery-modal.zip.
Fisrt Download the chbd-simple-jquery-modal.zip to your computer
Extract/Open chbd-simple-jquery-modal.zip to Your Computer.
Then, Find readme.txt file inside chbd-simple-jquery-modal.zip and Open readme.txt.
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the the Tips Below.

Start the Tips:

1. First Download "chbd-simple-jquery-modal.zip" Plugin to your Local Computer. (Click Download)

2. Then, Login to your "yourdomain.com/wp-admin" Dashboard.

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

5. Now, Browse "chbd-simple-jquery-modal.zip" Downloaded plugin from your computer, Where you downloaded chbd-simple-jquery-modal.zip According to Step – 1 Above then, click on "Install Now"

6. Now, Click on "Active Plugin"

7. Then, See left sidemenu. "CHBD Simple jQuery Modal" folder is added on left sidemenu. Now, Click on "CHBD Simple jQuery Modal" folder.

Noted that: If you do not see "CHBD Simple jQuery Modal" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

8. Now you configure yourself oR Watch video tutorial below about CHBD Simple jQuery Modal Configurtions and Settings or How to work "CHBD Simple jQuery Modal" in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to "Plugins" + "Installed Plugin" from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find "CHBD Simple jQuery Modal" Activated Plugin from Plugin List.
Then, Click on "Settings" from Plugin that is CHBD Simple jQuery Modal
Now, Edit/Add/Config the setting and Click on "Save Changes" button,

Guide
How to Setup After downloading the plugin, extract the ‘chbd-simple-jquery-modal.zip’ file to your computer. Upload (if you use FTP) or put (if you use local computer) the extracted folder into ‘wp-content/plugins’ directory. Now go to WordPress Plugin Dashboard. In plugin list, you will see the plugin name you currently installed. Just click on ‘Activate’ link and your plugin will be successfully installed. How to Use There are total five kinds of modals (popup, notify, dialog, hint and title) in this plugin. The usage procedures of all of these are very similar. You will just need to add 1, 2, 3, 4, 5 as the last characters in shortcode names and the plugin will work differently. Popup Modal: 2a. In order to use the popup modal, use the shortcode as below: [chbd_modal_1 id=”1? color=”white” bgcolor=”green” place=”bottomCenter” text=”Put Text Here” description=”Put Description Here”] 2b. In this shortcode, id, color, bgcolor, place, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value. 2c. The default values of these attributes are: id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances. color = Default is ‘#ffffff’ bgcolor = Default is ‘#439330’ place = Default is ‘bottomCenter’. Other possible values are ‘bottomLeft’, ‘bottomRight’, ‘leftTop’, ‘leftCenter’, ‘rightTop’, ‘rightCenter’. text = Default is ‘Put Your Text’. description = Default is ‘Put Your Description’. Notify Modal: 3a. In order to use the notify modal, use the shortcode as below: [chbd_modal_2 id=”1? color=”white” bgcolor=”green” duaration=”2500? text=”Put Text Here” description=”Put Description Here”] 3b. In this shortcode, id, color, bgcolor, duration, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value. 3c. The default values of these attributes are: id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances. color = Default is ‘#ffffff’ bgcolor = Default is ‘#439330’ duration = Default is ‘2500’. Here duration refers to animation duration. text = Default is ‘Put Your Text’. description = Default is ‘Put Your Description’. Dialog Modal: 4a. In order to use the dialog modal, use the shortcode as below: [chbd_modal_3 id=”1? color=”white” bgcolor=”green” text=”Put Text Here” header=”Put Header Here” description=”Put Description Here”] 4b. In this shortcode, id, color, bgcolor, text, header and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value. 4c. The default values of these attributes are: id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances. color = Default is ‘#ffffff’ bgcolor = Default is ‘#439330’ text = Default is ‘Put Your Text’. header = Default is ‘Put Your Header’. description = Default is ‘Put Your Description’. Hint Modal: 5a. In order to use the hint modal, use the shortcode as below: [chbd_modal_4 id=”1? color=”white” bgcolor=”green” text=”Put Text Here” description=”Put Description Here”] 5b. In this shortcode, id, color, bgcolor, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value. 5c. The default values of these attributes are: id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances. color = Default is ‘#ffffff’ bgcolor = Default is ‘#439330’ text = Default is ‘Put Your Text’. description = Default is ‘Put Your Description’. Title Modal: 6a. In order to use the title modal, use the shortcode as below: [chbd_modal_5 id=”1? color=”white” bgcolor=”green” text=”Put Text Here” description=”Put Description Here”] 6b. In this shortcode, id, color, bgcolor, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value. 6c. The default values of these attributes are: id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances. color = Default is ‘#ffffff’ bgcolor = Default is ‘#439330’ text = Default is ‘Put Your Text’. description = Default is ‘Put Your Description’.

Guide

How to Setup

After downloading the plugin, extract the ‘chbd-simple-jquery-modal.zip’ file to your computer.
Upload (if you use FTP) or put (if you use local computer) the extracted folder into ‘wp-content/plugins’ directory.
Now go to WordPress Plugin Dashboard.
In plugin list, you will see the plugin name you currently installed.
Just click on ‘Activate’ link and your plugin will be successfully installed.

How to Use

There are total five kinds of modals (popup, notify, dialog, hint and title) in this plugin. The usage procedures of all of these are very similar. You will just need to add 1, 2, 3, 4, 5 as the last characters in shortcode names and the plugin will work differently.
Popup Modal:

2a. In order to use the popup modal, use the shortcode as below:
[chbd_modal_1 id=”1? color=”white” bgcolor=”green” place=”bottomCenter” text=”Put Text Here” description=”Put Description Here”]

2b. In this shortcode, id, color, bgcolor, place, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value.

2c. The default values of these attributes are:
id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances.
color = Default is ‘#ffffff’
bgcolor = Default is ‘#439330’
place = Default is ‘bottomCenter’. Other possible values are ‘bottomLeft’, ‘bottomRight’, ‘leftTop’, ‘leftCenter’, ‘rightTop’, ‘rightCenter’.
text = Default is ‘Put Your Text’.
description = Default is ‘Put Your Description’.

Notify Modal:

3a. In order to use the notify modal, use the shortcode as below:
[chbd_modal_2 id=”1? color=”white” bgcolor=”green” duaration=”2500? text=”Put Text Here” description=”Put Description Here”]

3b. In this shortcode, id, color, bgcolor, duration, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value.

3c. The default values of these attributes are:
id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances.
color = Default is ‘#ffffff’
bgcolor = Default is ‘#439330’
duration = Default is ‘2500’. Here duration refers to animation duration.
text = Default is ‘Put Your Text’.
description = Default is ‘Put Your Description’.

Dialog Modal:

4a. In order to use the dialog modal, use the shortcode as below:
[chbd_modal_3 id=”1? color=”white” bgcolor=”green” text=”Put Text Here” header=”Put Header Here” description=”Put Description Here”]

4b. In this shortcode, id, color, bgcolor, text, header and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value.

4c. The default values of these attributes are:
id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances.
color = Default is ‘#ffffff’
bgcolor = Default is ‘#439330’
text = Default is ‘Put Your Text’.
header = Default is ‘Put Your Header’.
description = Default is ‘Put Your Description’.

Hint Modal:

5a. In order to use the hint modal, use the shortcode as below:
[chbd_modal_4 id=”1? color=”white” bgcolor=”green” text=”Put Text Here” description=”Put Description Here”]

5b. In this shortcode, id, color, bgcolor, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value.

5c. The default values of these attributes are:
id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances.
color = Default is ‘#ffffff’
bgcolor = Default is ‘#439330’
text = Default is ‘Put Your Text’.
description = Default is ‘Put Your Description’.

Title Modal:

6a. In order to use the title modal, use the shortcode as below:
[chbd_modal_5 id=”1? color=”white” bgcolor=”green” text=”Put Text Here” description=”Put Description Here”]

6b. In this shortcode, id, color, bgcolor, text and description attributes are used. You can use one or more attributes. If you do not place one attribute, that will pick up the default value.

6c. The default values of these attributes are:
id = There is no default value for id. If you left this value blank, plugin will not work. If you use multiple instances of popup modal then you will have to set the id as 1, 2, 3 etc. This is not mandatory that you will have to use 1 or any, but become sure that you do not use same id in different instances.
color = Default is ‘#ffffff’
bgcolor = Default is ‘#439330’
text = Default is ‘Put Your Text’.
description = Default is ‘Put Your Description’.

modal, based, features, into, websites, their, styles, jquery, users, help,

Name
How to add Ifttp Wp in Wordpress
How to add Wstoolsnl Chat in Wordpress
How to add Dbd Pinterest Widget in Wordpress
How to add Vpbroadcast Lite in Wordpress
How to add Wp Hrms in Wordpress

Reffered: https://wordpress.org/