7 12, 2016

Adding / Embedding Reviews & Testimonials into a Website

This post shows you how to embed MagicRating.com reviews and testimonials into your website using the Google friendly “Schema.org” Review format.

1) Log into your MagicRating.com account

2) Click on the Business you would like to embed the reviews for.

select a business magicrating

3) In the main menu (upper right) click on “Settings -> Testimonial Widget”

4) Read and evaluate the options (checkboxes) for your embedded reviews. You can check and un-check any of the boxes at any time even after your embed code has been placed on your website. The form on your site will update automatically. You do not have to re-embed the code.

5) Select and copy the testimonial widget embed code.

6) Access your Website files using a Filemanager (via your hosting providers admin panel) or using an FTP Client of your choice.

7) Paste the MagicRating embed code into your page.

8) If the file is ending with .html you will need to change it to end with .php

9) Make sure to test your Site using Google’s Rich Snippet Testing tool – here is how to.

The Screenshot below shows an example of a basic testimonials/reviews page. You can of course add text above and below the reviews widget code to explain and encourage customers to leave feedback and reviews.

Important: Your page needs to allow for PHP. Without PHP the reviews will show, but will not use the Schema.org Review format. Please reach out to your webmaster or hosting provider and request your website to run and execute PHP. If you are not sure if your site executes the Widget as PHP please see here for more.

Related Post: Are you using WordPress? Please read here for using the MagicRating WordPress Plugin to add reviews and testimonials to your WordPress based website.

7 12, 2016

Customizing the look of Reviews on a Website

This post shows you how to customize the embedded reviews from MagicRating.com

1) Log into your MagicRating.com account

2) Click on the Business you would like to customize the reviews for.

select a business magicrating

3) In the main menu (upper right) click on “Settings -> Testimonial Widget”

4) Pick a color scheme from the “Testimonials Widget Color Scheme” drop-down.

5) Preview of each color scheme. Left: Orange | Middle: Default | Right: Legacy

Advanced Customization using CSS

In addition to choosing a color scheme as described above you can also add your own custom CSS. The following is intended for users with good CSS and HTML knowledge. Please contact your webmaster if you are not sure how to access or use your websites CSS file(s).

Any pre-build color scheme (Default, Orange, Legacy etc) can be overwritten locally with CSS. If “big” changes are required we recommend using the “No Style | Data Only” scheme option. As the name implies no styles will be included with the testimonials widget allowing you to add your own even more easily.

1) The MagicRating Widget has several different div classes. All of which can have their own css applied on your end and which will overwrite the “out of the box” defaults.

2) The maximum width of the responsive MagicRating widget is by default 500px.

3) To identify desired div classes we recommend using the “Inspect Element” option in your Chrome browser or the “Firebug” Add-on for Firefox.

4) Below are a few common examples. Please note that the examples are *not* a complete list of all CSS classes found in the MagicRating Testimonial Widget. Refer to item #3 above on how to identify all classes in order to modify them to your needs.

Color CSS – Use a hex color number of choice. Example: #ccc

#e2wget5widget {color: #____ !important;}
[Note: Above code applies style to entire widget. Alternatives below.]

#e2wget5widget h2 {color: #____ !important;}

#e2wget5widget h4 {color: #____ !important;}

#e2wget5widget p {color: #____ !important;}

#e2wget5widget a {color: #____ !important;}

Font Family and Font Size CSS

#e2wget5widget {font-family: #____ !important; font-size: __px !important;}
[Note: Above code applies style to entire widget. Alternatives below.]

#e2wget5widget h2 {font-family: ____ !important; font-size: __px !important;}

#e2wget5widget h4 {font-family: ____ !important; font-size: __px !important;}

#e2wget5widget p {font-family: ____ !important; font-size: __px !important;}

#e2wget5widget a {font-family: ____ !important; font-size: __px !important;}

Width CSS – Insert a width in Pixel of choice. Example: 700px

#e2wget5widget {max-width:____ !important;}

#e2wget5widget span.e2whr{max-width:____ !important;}

#e2wget5widget .e2wdescription p {max-width:____ !important;}

Changing the “Leave Us Feedback” image button (“Legacy” Color Scheme only).

Click here to see the “default” feedback request image as reference for creating your own.

.e2get5writeReviewLink {background: url(‘http://www.your-domain.com/feedback-request.png’) no-repeat !important;}

Other Color Schemes (Default, Orange and Transparent etc) are using CSS3 to create the button. The div class .e2get5writeReviewLink remains the same however.

7 12, 2016

Including a Feedback Form on a Website

This post shows you how to add a Feedback form to your Website in MagicRating.com

1) Log into your MagicRating.com account

2) Click on the Business you would like to add the form to.

select a business magicrating

3) In the main menu (upper right) click on “Settings -> Testimonial Widget”

4) Check the “Include Feedback Form” check box.

Note: You do not need to re-embed your widget code if you have already placed it. Your website will be updated dynamically to include the form button.

7 12, 2016

Testing your Embedded Reviews with Google and Schema.org

This post shows you how to test your reviews and testimonials on your website using the MagicRating.com Embed Code Widget. And to make sure the reviews are being indexed as original content for your website, using the Google friendly “Schema.org” reviews format.

If you have not yet embedded your MagicRating reviews and testimonials into your website – please read here for how to embed on a website and here for how to embed on a WordPress.

1) Copy the URL of the page that you have created to showcase your reviews and testimonials.

2) Visit Google’s free “Google Structured Data Testing Tool” – aka “Google’s Rich Snippet Testing Tool” http://www.google.com/webmasters/tools/richsnippets

3) Paste your URL and confirm that all results are “Green Light”

4) Additionally you can click “View Source” in your browser and you will see all reviews as original content of your website – plus the reviews are all wrapped in the important Schema.org Review Markup.

Troubleshooting Tips:

Q: Reviews or Star Rating  are not showing in the Rich Snippets Testing tool ?

A: This would indicate that your Website is not allowed to execute PHP code.

It is important to know that the Reviews will still show on your website, however without PHP they are not wrapped in the Schema.org format. Reach out to your webmaster or hosting provider and request your website to run and execute PHP. For more info see here.

7 12, 2016

Asking Only for Rating Versus Feedback “and” Rating

This post shows you how to change your feedback settings to only ask customers for a rating – but not written feedback using MagicRating.com

Example Screenshot of asking for “Rating only” using a Feedback Request Email:

Customers leaving a positive score will see links to review the business online. Customers leaving negative feedback will be asked to provide more details.

Helping you to follow up with the customer and to resolve the situation. The more info you have the better!

 

Note: Asking for rating only will of course still trigger the MagicRating logic to only show your Online Review links to “happy” customers, meaning those who gave you a positive rating. The threshold of what is considered “positive” and “negative” can be adjusted here. We found that asking for “rating only” greatly increases the click-through rate to Online and Social Media review links that you can add within MagicRating.

Step-by-Step Guide on How To Ask For Rating Only

1) Log into your MagicRating.com account

2) Click on the Business you would like to edit.

select a business magicrating

3) In the main menu (upper right) click on “Settings -> Feedback Settings”

4) Click the checkbox called “Ask only for rating”

 

Optional – Include a Direct Feedback Button You can also include the option to leave feedback directly on the Positive Feedback page.

 

Pro-Tip: If you are confident in your business and customer happiness, you can also include the online review links right away in the feedback request email. This will not trigger any filtering based on the NPS score (meaning all customers will see the links) but it will increase the online review conversion.