How to use compare based recommendations with SchemaNinja?

Let’s setup Compare based Recommendation, If you don’t know how to setup SchemaNinja, we encourage you to check out Installing and setting up SchemaNinja.

From your SchemaNinja Dashboard, select Compare Based Recommendations from left sidebar.

After you select Compare Based Recommendations  from left sidebar, You’ll be promoted with following:

  • Default Button Setting: From here you can set various attributes for  button.
  • Title Setting: From here you will be able to set title.
  • Compare Background setting: Background color for your compare box.
  • Compare Button setting: You can set Color for your compare button.
  • Recommendation table custom CSS:

Let’s setup Compare Based Recommendations now. Follow the steps below to setup this recommendations:

STEP 1 : Default Button Setting

From here you will be able to set different attributes for button.

Button Text: Set Button text as per your convenience. Example:

STEP 2 : Title Setting

From here you will be able to set your title attributes.

Compare box title: You can use this box to show title above your recommendations.

STEP 3 : Compare Background Setting

Right Box Color: Here you can set color for right side box and

Right Box Text Color: As you’ve already set the color for your Right box, now it’s time to set the color for yiour text, present in right box.

STEP 4 : Compare Button Setting

Let’s now setup button, there will be two buttons: READ REVIEW & BUY NOW. So, let’s change color of both.

Read Review Button Color: Change color of Read Review button from here.

Buy Button Color: Change color of Buy Button from here.

STEP 5 : Compare  Based Recommendations Custom CSS

You can write your own custom CSS/Design code here.


 

Note: It is not mandatory to write custom CSS

Now, go to Recommendations tab from your WordPress dashboard to add Compare subtitle, Price 1/Price 2/Price 3/ Price 4, Price short description.

STEP 1: Compare Subtitle, now here you can add sub title for your compare based recommendation box.

STEP 2: Price Plan 1, 2, 3, 4. Now, here you can set different prices for the same product having different versions. Here’s how it will look:

STEP 3: Price short description, Here you have to add short description about your price plan or products./[Note: only 100 words are allowed for description].

NOTE: You can add compare based recommendations on posts or pages by using short code given in your recommendations section:

 Add short code between the tag in a post or a page (For eg. [rec_compare] [recommendation_compare id=271] [recommendation_compare id=2718] [/rec_compare].

OUTPUT:

Leave A Comment?