PromoBar
User Guide
WordPress | 6.3 * |
PromoBar | 1.2.0 * |
*When using other versions some differences are possible to occur
** Screenshots were taken from a PC
Table of Contents
2.1.10. Promobar Start and End Date
You can download PromoBar Plugin here https://bestwebsoft.com/products/wordpress/plugins/promobar/
1. Introduction
Note: Сlick the “Save Changes” button in order to apply any changes. |
1.1. Dashboard
Open your WordPress Admin Dashboard and find the menu on the left.
1.2. Add New Promobar
Open the “Add new” page to create a new promobar.
1.3. Add Title
Use the “Add Title” field to enter the title of the promobar.
2. Settings
Use the options of the “Settings” tab to make the settings for the particular promo bar.
2.1. Promobar
Use the options of the “Promobar Settings” tab to customize the appearance of the promo bar on posts and pages.
2.1.1. Display Promobar
Use the “Display Promobar” option to choose where the promo bar should be displayed.
2.1.11. Choose “on selected pages” to display the promo bar on the pages which are enabled on the “Display” tab. Click on the “Manage” link to enable the necessary pages.
2.1.1.2. The promo bar may look on a page as follows.
2.1.1.3. Choose “on the homepage” to display the promo bar on the homepage.
2.1.1.4. The promo bar on the homepage may look as follows.
2.1.1.5. Choose the “display via shortcode or function only” to display a promo bar only if the shortcode or function is inserted into a page. Available shortcode is displayed on the right of the page.
2.1.1.6. The promo bar inserted on a page via a shortcode may look as follows.
2.1.2. Display on
Use the “Display on” to enable the promo bar for a different website version.
2.1.2.1. The promo bar on the “Desktop” version may look as follows.
2.1.2.2. The promo bar on the “Tablet” version may look as follows.
2.1.2.3. The promo bar on the “Mobile” version may look as follows.
2.1.3. Close Icon
Enable the “Close Icon” option to display a close/dismiss icon on the promo bar.
2.1.3.1. “Close Icon” on the promo bar may look as follows.
2.1.4. Position
Use the “Position” option to choose the position for the promo bar while scrolling the page.
2.1.4.1. Choose “absolute” to pin the promo bar to its position.
2.1.4.2. Choose “fixed” in order to promo bar follows the page while scrolling.
2.1.4.3 Choose “popup” to make the banner appear whenever the user visits the page.
2.1.5. Alignment
Use the “Alignment” option to choose a side to display the promo bar, separately for different versions (Desktop, Mobile, Tablet).
2.1.5.1. Choose “Top” to display the promo bar at the top of the page.
2.1.5.2. The promo bar at the top position may look on a page as follows.
2.1.5.3. Choose “Bottom” to display the promo bar at the bottom of the page.
2.1.5.4. The promo bar at the bottom position may look on a page as follows.
2.1.5.5. Choose “Left” to display the promo bar on the left side of the page. Change the width of the promo bar in pixels (px) or percent of the page (%).
2.1.5.6. The promo bar on the left side position may look on a page as follows.
2.1.5.7. Choose “Right” to display the promo bar on the right side of the page. Change the width of the promo bar in pixels (px) or percent of the page (%).
2.1.5.8. The promo bar on the right side position may look on a page as follows.
2.1.6. Background
Use the “Background” option to choose the background type for the promo bar.
2.1.6.1. Choose “Transparent” to make the background match the theme color or image.
2.1.6.2. “Transparent” promo bar background type may look on a page as follows.
2.1.6.3. Choose “Color” to set the background color using the color-picker tool.
2.1.6.4. The promo bar with a “Color” background may look on a page as follows.
2.1.6.5. Choose “Image” to select a picture for the promo bar background.
2.1.6.6. Click the “Add Media” button to select a picture from the “Media Library”.
2.1.6.7. The promo bar with an “Image” background type may look on a page as follows.
2.1.6.8.
Use “Image Position” option to configure how the picture will behave if its size does not match the promo bar.
2.1.7. Text color
Use the “Text color” option to set the color of the text in the promo bar using the color-picker tool.
2.1.7.1. The promo bar text with custom color may look on a page as follows.
2.1.8. Countdown Alignment
Use the Countdown Alignment to choose the position of countdown timer on promo bar.
2.1.8.1. The “Left” alignment will look on a page as follows.
2.1.8.2. The “Center” alignment will look on a page as follows.
2.1.8.3. The “Right” alignment will look on a page as follows.
2.1.9. HTML
Use the “HTML” option to fill the promo bar with all the necessary information.
2.1.9.1. Click the “Add Media” button to select a picture that may be displayed in promo bar from the “Media Library”.
2.1.9.2. The promo bar with the added picture may look on a page as follows.
2.1.9.3. Change the promo bar editing display by selecting the “Visual” or “Text” tab.
2.1.10. Promobar Start and End Date
You can make the promobar be visible for a certain time period. Set the start date at the Promobar Starts on menu. Set the end date at the Promobar Ends on menu.
3. Display Settings
Use the options of the “Displa” tab to choose the necessary post types (or single pages) where “PromoBar” will be displayed.
3.1. Show URL
Enable the “Show URL” in the “Display Settings” to show the URL of each post and page in the tree below.
3.2. Display Settings Tree
Enable the necessary post types (or single pages) where “PromoBar” will be displayed in the “Display Settings” tree.
4. Miscellaneous Settings
Use the options of the “Miscellaneous Settings” tab to make the settings regarding the track usage and default settings.
4.1. Track Usage
Enable the “Track Usage” option to allow tracking plugin usage anonymously.
4.2. Default Settings
Click the “Restore Settings” button to reset all the settings made previously and revert them to the default ones.
4.2.1. Click “Yes, restore all settings” button to confirm the procedure.
5. Custom Code
Use the “Custom Code” tab to insert a CSS, PHP or JavaScript code. To activate the inserted code, enable the “Activate custom … code” option and save changes.
6. License Key
Use the “License Key” tab to activate or check the Pro plugin license.
6.1. Promobar Pro License
After a successful plugin purchase, you will receive an email notification with a download link and a license key. Activate Pro license by pasting a license key into the “Promobar Pro License” field and clicking the “Save Changes” button.
6.2. Check License Key
To check the license key, click the “Check license key” button. If the entered key is correct, the notification “The license key is valid. Your license will expire on XXXX-XX-XX” will be displayed in the upper left corner of the page.
6.3. Manage License Settings
Use the “Manage License Settings” option to change your license settings. Click the “Login to Client Area” button to open your personal Client Area dashboard located on the https://bestwebsoft.com/ website. Browse and download purchased products, change the license domain and copy the license keys.
7. PromoBar Page
Use PromoBar Page to Add new promo bars, edit, delete them or add to trash. All previously added promobars will be displayed here.
Thank you!
Help & Support
Visit our Help Center if you have any questions — https://support.bestwebsoft.com/
Services
We provide additional services such as WordPress themes & plugins development,
graphic design, custom programming.
Contact us now to get a free quote — https://bestwebsoft.com/contacts/
