Quick Bar

The Quick Bar  is one type of popup/content bar which display the content in a footer, header, side etc. of a webpage. 

To access the  Quick Bar, go to the wp-admin area. 

In the left menu of admin area you can see “XYZ  Quick Bar” menu.

 Quick Bar

There are 3 pages in the Quick Bar.

1. Quick Bar

2. Basic Settings

3. About

1. Quick Bar

The configurations for the Quick Bar are given below.


 Quick bar settings

Show referrer messages?  – This option is used to show referrer messages to the users. (Available only in the premium version)

Content : Enter your Quick Bar content here.

Position Settings

Quick Bar Position 

We can display the Quick Bar in 8 positions. 

We can also set the width and height of the quick bar.

Display Logic Settings

This section allows us to select the quick bar display logic.

We can display the quick bar based on delay, number of pages browsed or both.

Quick bar display logic – This is the logic, how to display the quick bar in our webpages.

There are 3 options.

1. Based on delay
2. Based on number of pages browsed
3. both

In the “Based on delay” logic, the quick bar will appear after a delay.

Dialogbox - Based on delay

You can set the time for this delay.
In the section “Delay in seconds before rendering” you can enter the delay in seconds. If it is “0(zero)” the quick bar will appear without any delay.

Dialog Box Display Logic Settings - Pages Browsed

In the “Based on number of pages browsed” logic, the quick bar will appear after the user browsing some pages entered in “Number of pages to browse before rendering“.

Dialog Box Display Logic Settings - Both

In the “both” option, the quick bar will appear after a particular delay and after the user browsed some pages.

Repeat interval for a user – This is the quick bar repeat interval. If you want to display the quick bar only after 30 minutes from the first display, you can enter that value here.
If this value is 0(zero), the quick bar will appear on every trigger.

Dialog box trigger

Display trigger – Using this option, we can display the quick bar on loading of the page or when clicking a location/element in a page or when exiting the webpage. (Available only in premium version)

Close button option - If you want to display a close button with the quick bar, use this option. Otherwise the user cannot close the quick bar. (More close options are available in premium version) 

Display as iframe – We can display the quick bar in iframe or in the same page.

If you are using the iframe, any link in the quick bar or buttons will open in the same quick bar.
To open a link in a window outside the quick bar or to use a social media button, please disable the iframe display.

Display devices - You can select the devices where you want  to display the quick bar. We can display the quick bar in desktop/PC or (and) Mobile/Tablet. (Available only in premium version)

Popup Closing Settings

 Dialog box close modes

Close Mode - There are different close modes like close the popup when clicking in an element in the quick bar etc. (Available in premium version only)

Auto Close after timeout : Automatically close the quick bar after a time period. (Available in premium version only)

Javascript Callback Settings

You can use some javascript callbacks to trigger any custom javascript code when displaying the quick bar or when closing the quick bar.

This is useful to stop a video when we close the quick bar or to autostart/continue a video when a quick bar displayed.

Javascript Callback Settings 

Callback on popup display - This is the javascript callback when a popup is displaying. We can use a javascript code to resume/autostart a video when displaying the quick bar. (Available in premium version only)

Callback on popup hide - The javascript code used here will active when we close the quick bar. This can be used to stop a video when we close the quick bar. There are javascript code to stop a video and you need to use this code here to stop the video. (Available in premium version only)

Style Settings

Here we can select the style of the quick bar.

Quick Box Style Settings

Z index – Z index determines whether the quick bar display under or above the pages.
As the value of z index increases, the quick bar become on top(above) of all page contents.

Background color – We can select the quick bar background using a color picker.

Border color – This is the color of the quick bar border and title background.

Border width – We can set the width/thickness of the quick bar border here.

Border radius – If you want a rounded corner for the quick  bar, use this oprion. As the radius increases, the roundness also increases. Use ’0 (zero)’ for rectangular edges.

Placement Settings

Placement mechanism – This is the mechanism we are using to add the quick bar in pages.

There are 3 placement mechanisms

1. Automatic – Here the quick bar will load in all pages.

2. Manual – If you want to display the quick bar in particular pages, use this option. Now you need to add the short code [xyz_qbr_default_code] in the pages where you want to display the quick bar.

3. Specific Pages – Here you can specify the pages you want to display the quick bar. You can display the quick bar in pages, posts and in home page.

Reset cookies?(for testing) – For testing purposes we need to reset the cookies. If you want to see this quick bar immediately after you made changes in any settings, you have to reset the cookies.
Tick this option to reset the cookies.

After filling these options click the “Update Settings” button to save the quick bar.


2. Basic Settings

Click on the “Basic Settings” link to get the quick bar settings page.

Basic Settings - Quickbar

Enable tiny MCE filter to prevent auto removal of < br > and < p > tags ? - In the wordpress, it will remove the <p> and <br> tags from the html content automatically. You can prevent this by enabling this setting.

Enable credit link to author? - You can support us by enabling the credit link in your site.

Enable Quickbar Popup? – You can enable or disable the popup here without deactivating the plugin.

Compatible with cache plugin? - If you are using any cache plugin, it will affect the popup. To avoid this we can enable this option, if you are using any cache plugin. 

(If this option is enabled, only a javascript will load. There is a slight delay in appearing the popup if this setting enabled.)

Enable Premium Version Ads? - You can enable or disable the premium version ads in the plugin pages.


3. About

You can see and compare the features of the Quick Bar free plugin and the premium version XYZ WP Popup plugin here.



Please Contact Us if you have any questions or suggestions.

Visit XYZScripts.com  - Official Blog  -  Knowledge Base (F.A.Q)  -  Documentation (User Guide)

Join us on Facebook  -  Twitter  -  Google +