Documentation and Tutorials for your BestWebSoft products

How to Use Rating Plugin

2017-10-23.png

Rating

 How to Use

Step-by-step Instruction

WordPress version:

4.8.2 *

Rating version:

0.3 *

* When using other versions some differences are possible to occur

** Screenshots were taken from a PC

Table of Contents

Rating

1. Introduction 

2. Settings page  

2.1 Add a rating

2.2 Add a rating using a shortcode

 3. Customize rating appearance

3.1 Set star appearance

3.2 Set text appearance

3.3 Restore settings


Rating

You can download Rating here https://bestwebsoft.com/products/wordpress/plugins/rating/.

  1. Introduction

  1. Go to your Dashboard, find the menu on your left and click “BWS Panel” => “Rating”.

Screenshot_8.png

  1. You will see Rating Settings page.

Screenshot_9.png

  1. Configure the plugin the way you like.

Screenshot_10.png

  1. After you changed plugin’s settings click “Save Changes” button.

Screenshot_11.png

  1. A confirmation text box will appear at the top of the page informing that the settings have been saved.

Screenshot_12.png

  1. Settings Page

  1. Add a rating

  1. You can choose where to display a rating. Find the “Display rating” option and mark the necessary post types.

Screenshot_13.png

  1. Select the position of your average rating on a page or post. You are free to choose one of the following variants: “before the content”, “after the content”. Don’t forget to save changes.

Screenshot_14.png

  1. In the front-end “Average rating” will look in the following way:

Screenshot_58.png

  1. Select the rate option position on a page or post. You are free to choose one of the following variants: “before the content”, “after the content”, “in comments”. Don’t forget to save changes.

Screenshot_16.png

  1. In the front-end “Rate option” will look in the following way:

Screenshot_60.png

  1. You can also combine average rating with a rate option. Go back to the plugin settings page, find “Combine average rating with a rate option” option, and mark its checkbox. Don’t forget to save changes.

Screenshot_66.png

  1. In the front-end it will look in the following way:

Screenshot_61.png

  1. Add a rating using a shortcode

  1. Open your post in the Edit mode, put the cursor to the appropriate place in your content and clickAdd BWS Shortcode button.

Screenshot_38.png

  1. Choose the necessary shortcode.

Screenshot_40.png

  1. Click  “Insert” button to add a shortcode.

Screenshot_41.png

Screenshot_42.png

  1. Click “Update”/”Publish” button to save the changes.

Screenshot_44.png

  1. Your rating will appear in the appropriate place in the front-end:

Screenshot_43.png

  1. In order to display only rating added via shortcode, go to the Rating Settings page. Unmark the checkboxes of that post types, where you want to remove automatically added rating. Don’t forget to save changes.

Screenshot_67.png

  1. In the front-end your rating added via shortcode to the post will look in the following way:

Screenshot_63.png

  1. Customize rating appearance

  1. Set star appearance

  1. Open the Rating Settings page and switch to the Appearance tab.

Screenshot_21.png

  1. If you would like to change star colour, find “Star color” option and click “Select color” button and choose the desired colour. Don’t forget to save changes.

Screenshot_22.png

Screenshot_23.png

  1. In the front-end your rating will look in the following way:

Screenshot_71.png

  1. In order to change hover color, find “Hover color for star” option and select the desired color. Don’t forget to save changes.

Screenshot_25.png

  1. In the front-end your rating will look in the following way:

Screenshot_26.png

  1. In order  to change star size, find “Star size” option and set the necessary star size. Don’t forget to save changes.

Screenshot_73.png

  1. In the front-end your rating will look in the following way:

Screenshot_72.png

  1. Set text appearance

  1. In order to change text color, find “Text color” option and select the desired color. Don’t forget to save changes.

Screenshot_74.png

  1. In the front-end your rating will look in the following way:

Screenshot_75.png

  1. In order to change text font-size, find “Text font-size” option and set the necessary size. Don’t forget to save changes.

Screenshot_76.png

  1. In the front-end your rating will look in the following way:

Screenshot_77.png

  1. In order to change rating title or additional messages, find the necessary option and change its text to a custom one. You can change: Average rating title, Total message, Rate option title, Message for non-login users, Message after adding a rate. Don’t forget to click “Save Changes”.

Screenshot_48.png

Screenshot_64.png

  1. In the front-end your rating will look in the following way:

Screenshot_65.png

Screenshot_52.png

  1. Restore settings

  1. To return to default settings, go to the Rating Settings page. Find “Restore all plugin settings to defaults” option and click “Restore settings” button.

Screenshot_53.png

  1. Click “Yes, restore all settings” button to confirm it.

Screenshot_57.png

  1. You will see the confirmation:

Screenshot_55.png

  1. By default, your rating will look in the following way:

Screenshot_56.png


Help & Support

Visit our Help Center if you have any questions. Our friendly Support Team is happy to help.

support.bestwebsoft.com

Need Website Development or Design 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/

Help & Support

support.bestwebsoft.com

 of