WP Grab Master

USER’S GUIDE


WP Grab Master Documentation

 

WordPress plugin designed and developed to add a notification system on your website that alerts your visitors for announcements, ongoing offers and promotions and other type of information that is noteworthy.  You can also create it so it will look like a FB message, Skype call, Yahoo Messenger and Google Talk.   In addition to this, the plugin also offers modern and sleek design as well as animated effects to further enhance the attention-grabbing prowess of the notification.

Note: A lite version of the plugin is available but does not have the following options: Setting the homepage and general widget, Restricted User, Remove style modern and classic and Widget Duration.

 


 

Contents

How to Use. 4

How to Create a Notification. 4

How to Manage Notifications. 14

Configuring Settings. 16

How to Insert a Notification in a Page/Post. 17

 

 

 

 

 

 

 

 


How to Use

 

This guide assumes that you have already logged in to your WordPress admin area and that you have already installed and activated the plugin. Once activated, you should see from the left admin panel its plugin option:

 

0001

 

How to Create a Notification

 

1.    Hover your cursor on the plugin’s menu item from the left admin panel then click Create Notification. Alternatively, you can click the plugin’s menu item to access the dashboard. Once inside the dashboard page, click Create Notification tab.

 

0002

 

2.    You should now be in the first step of creating a notification which is to choose what type of notification. The first type is the Chat Widget which creates a notification widget similar to the chat widgets used in Facebook to name one. The Video Call Widget on the other hand, generates a notification as if the user is receiving a video call which is similar to skype, for instance.

 

 

 

3.    Once you have selected the type of notification you would like to create, the settings for the specific type of notification should then be loaded for you to configure and finalize for deployment on your site.

 

 

I.      General. This section contains fields and options that handle the basic information of the notification.

v  Title. The data supplied in this field will not be directly used by the plugin, instead, it will be used so you can easily distinguish it from the rest of the notifications when managing notifications.

v  Status. This switch determines whether to set the notification ready for use on the site (Publish) or need to be set to Draft for further changes and edits.

v  Restricted User. This switch sets the availability of the notification to certain users. When turned On, the notification will only be available to users who are logged in. If turned Off, the notification will be available to all users regardless of the login status. Note that this option is not available in the lite version of the plugin.

II.    Content. This section includes options that determine the content of the notification and its relevant settings.

 

 

v  Widget Title. Supply this field with the heading to appear on the notification widget.

v  Widget Icon. Select from the wide range of icons available which one you would like to go along with the widget title.

 

For Chat Widget ONLY

 

 

v  Chat Photo. Upload from your computer the image you would like to use to represent you in the chat widget who is sending the notification. Or you can use the uploaded images in your media library if the image you would like to use has been previously or recently uploaded.

v  Chat Content. Click the Add Content button to add contents on the chat widget. Once the button has been clicked, it will trigger a popup window where you can add the content for the chat widget. Note that you can add as many contents as you like and would appear on the chat widget as chat messages.

 

How to Add Chat Content

 

 

1.    Supply the Content text area with the desired information to appear on the chat widget notification.

2.    To add a button to the notification content, simply turn on the Use Button switch. Once the switch has been turned on, additional options will then be displayed on the popup window. If you prefer not to use any button on the notification content, skip steps 3 to 6.

3.    Supply the Button Text with the label you would like to be displayed on the button.

4.    Button URL. Enter in this field the complete URL of the page containing the details of the information you are providing the users.

5.    Button Style. Select the button style you would like to implement to the button of the notification.

6.    Open in New Tab Window. Turning this switch On will open a new tab or window on the browser of the user to open the link embedded in the button. Turning the switch Off will open the link on the same window.

7.    Click the Add Content button to add the content supplied to the chat widget notification.

 

For Video Call Widget ONLY

 

 

v  Caller Name. Supply this field with the name you would like to represent the person calling on the video call notification.

v  Caller Photo. Upload an image from your computer that you would like to use and serve as the caller’s avatar. You may also make use of images previously uploaded on the media library.

v  Link to Open. Enter the complete URL of the page you would like to send the user when the widget is clicked.

v  Open Link in New Tab. The switch determines whether the link should be open on a new tab or window (On) or to be opened on the same window (Off) of the web browser.

 

Browser Tab Settings (Chat and Video Call Widget)

 

v  Tab Title. Supply this field with the heading that will appear on the web browser’s tab alerting the user that there is a notification awaiting to be read.

v  Tab Icon. From the list of predefined icons in the dropdown, choose which one you would like to be added with the tab title.

 

III.  Design. This section handles the overall design and look of the notification.

 

 

v  Style. Determine the design of the chat and/or video call widget by selecting the style of the widget you would like to implement from the list of predefined styles in the dropdown.

 

 

 

For Chat Widget ONLY

 

 

Ø  Facebook Messenger. Makes use of the Facebook messenger style. When this style is selected, it loads 4 switches that you can flip the switch to show or hide the settings icon, video camera icon, add friend icon and the chat input.

Ø  Yahoo Messenger. Makes use of the default yahoo messenger interface. When selected, it loads the switch to show or hide the chat input section.

Ø  Google Talk. Makes use of the default Google Talk interface. When this style is chosen, it loads 3 switches that controls the display of the call icon, send files icon and chat input section.

Ø  Flat. Makes use of a clean and simple flat interface. When this style is selected, it loads the option to select the color scheme of the chat widget and the switch to show or hide the chat input section.

Ø  Modern. Adds a modern look and feel on the chat widget. When this style is selected, it loads the option to select the color scheme of the chat widget and the switch to show or hide the chat input section. Note that this style is not available on the lite version of the plugin.

Ø  Classic. Introduces a touch of classic style on the chat widget. When this style is selected, it loads the option to select the color scheme of the chat widget and the switch to show or hide the chat input section. Note that this style is not available on the lite version of the plugin.

 

For Video Call Widget ONLY

 

 

Ø  Skype Video Call. Sets the video call widget to the look of the skype video call notification. When selected, it displays 3 switches that controls the display of the decline call icon, accept call icon and video camera icon.

Ø  Flat. Implements a simple design on the video call notification. When selected, it triggers the option to select the color scheme and 3 switches that determines whether to show or hide the decline call icon, accept call icon and video camera icon from the video call widget.

Ø  Modern. Sets a modern look and style on the video call widget. When this style is selected, it displays the option to select the color scheme and 3 switches that determines whether to show or hide the decline call icon, accept call icon and video camera icon from the video call widget. Note that this style is not available on the lite version of the plugin.

Ø  Classic. Adds a classic touch on the style of the video call widget. Choosing this style will display the option to select the color scheme and 3 switches that determines whether to show or hide the decline call icon, accept call icon and video camera icon from the video call widget. Note that this style is not available on the lite version of the plugin.

 

IV.   Effect. This section contains settings to further enhance the delivery of the notification by adding different effects and other functions.

 

 

v  Position. Determines the location of the notification on the page it is set to be displayed in.

v  Background Overlay (for Video Call Widget ONLY). Sets a background overlay on the page when the notification is actively displayed.

v  Incoming Ringtone (for Video Call Widget ONLY). Select from the dropdown which ringtone to be played when the main content of the shared object is displayed.

v  Widget Delay. Supply this field with a numerical value that is equivalent to the number of seconds the notification will be delayed from being displayed on the site.

v  Widget Delay Method. Choose whether the delay method to implement on the notification will start when the page is loaded or when the user is viewing a different tab.

v  Widget Duration. Supply this field with a numerical value that is equivalent to the amount in seconds the widget will be displayed on the site. Note that this option is not available on the lite version of the plugin

v  Chat Delay (for Chat Widget ONLY). This field should be supplied with a numerical value that is equivalent to the number of seconds the chat contents will be displayed on the chat widget.

v  Typing Indicator (for Chat Widget ONLY). Choose the image you would like to be displayed as an indicator that an upcoming content is about to be displayed.

v  Chat Ringtone (for Chat Widget ONLY). Determines the ringtone to play when a new content has been displayed and loaded on the chat widget.

v  Animation Speed. Select from the dropdown the speed of which the animation effects are to be rendered on the notification.

v  Show/Hide Direction (for Video Call Widget ONLY). Determines the direction of entry and exit when the video call widget is displayed.

v  Widget Audio Effect (for Chat Widget ONLY). Select from the list of predefined audios in the dropdown that would play when the chat widget is loaded on the website.

V.     Preview. This section enables you to have a glimpse of how the notification look based on your current settings before publishing it and go live.

 

4.    After all necessary settings have been successfully configured, reviewed and finalized according to your preferences, click the blue Create Notification button to save the changes made.

 

 

 

 

How to Manage Notifications

 

1.    To manage your notifications, start by clicking the plugin’s menu item from the left admin panel to call the dashboard page. The dashboard page should list down all of the notifications saved, published or draft. Each notification entry is represented by the title of the notification set on the general settings tab and below it is the date it was created. On the far right portion of every entry is a three-bar icon stacked on top of each other. This icon when clicked displays options to manage the notification.

2.    To edit a notification, click the title of the notification you would like to edit or the three-bar icon in-line with it then click the green Edit Notification button.

 

Untitled_Clipping_122214_071102_PM

 

3.    To delete a notification, click the three-bar icon that is in-line with the notification you would like to delete then click the red Delete Notification button. Note that you will be prompted to confirm your action before proceeding to delete the item as this is irreversible and would cause you to permanently lose all data and settings.

 

Untitled_Clipping_122214_071121_PM

 

Configuring Settings

 

1.    To configure WP Grab Master settings, hover your cursor on the plugin’s menu item from the left admin panel then click Settings. Note that this option is not available on the lite version of the plugin.

 

0013

 

 

l  Home Widget. From the dropdown labeled Notification, select the notification you would like to be displayed on your site when the user opens your home page. Leave this field to its default value should you prefer not to display any notification on the home page at all.

l  General Widget. From the dropdown labeled Notification, choose the notification you would like to be displayed throughout your site. However, if you prefer not to display any default notification to your website and use notifications on per page/post level, please leave this field to its default value.

 

2.    Click the blue Save Changes button to update the changes supplied on the settings page and implement it on your site.


How to Insert a Notification in a Page/Post

 

 

1.    Create a new page or post, or select an existing one to edit.

2.    Once inside the page or post editor, locate the tab with the heading with Notification Settings.

3.    From the dropdown, select which notification you would like to be displayed on this particular page or post.

4.    Once you have assigned a notification, reviewed and finalized the contents of the page or post, click Publish to make the the content live on the site or Update if the page or post has already been published.