Installing Yotpo Reviews Extension

Last modified by omrico1 on Wed, April 11, 2012 07:39
Source|Old Revisions  

This is an old revision of the document!


What is Yotpo ?

Enable your customers to write and read social reviews from their friends, followers and connection. Yotpo’s system make it fun and influential to write and read micro reviews. Leverage the social graph of your customers to help them buy.

The Yotpo system provides you with a social analytic tool about your top customers and using our patent algorithm Yotpo establishes the social graph of your customers. Leverage the social graph of your customers to increase sales, SEO and time on site.

How to install Yotpo ?

Well, the first thing you will have to do before installing is to sign up for the Yotpo service in:

https://b2b.yotpo.com

After signup, in the setting page, you will have the app_key necessary to continue in the process.

If you already have it, keep on reading.

In order to add the widget into the product’s pages you’ll need to modify the following file:

/template/catalog/product/view.phtml

Please take notice: the following folders and files has multiple copies, each one for a different design template. the changes are required in the current theme that is being used. For example, if your products design’s are defined as “modern”, the full path will be: /app/design/frontend/default/modern/template/catalog/product/view.phtml

First of all you will need to include the following script in your file:

<script type=”text/javascript” src =”http://www.yotpo.com/js/yQuery.js“></script>

The next step is inserting the following div structure into the file. Insert the code in the appropriate location according to the place you want the widget to be presented on the product’s page

<div class=”yotpo reviews” data-appkey=”APP_KEY” !!! auto insert the app key as in the general installation manual!!!! data-domain=”<?php Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB) ?>” data-product-id=”<?php echo $_product→getId() ?>” data-product-models=”<?php echo $_product→getData(’sku’) ?>” data-name=”<?php echo $_product→getName() ?>” data-url=”<?php echo $_product→getProductUrl() ?>” data-description=”<?php echo $_product→getDescription() ?>” data-image-url=”<?php echo $_product→getImageUrl() ?>” data-bread-crumbs=”“> </div>

To add a Bottom-Line to your product’s list/grid, you’ll need to modify the following file: /template/catalog/product/list.phtml

This file also has multiple copies, and again you will need to make sure you modify the file of the current design you are using.

First, add the following script to the file:

<script type=”text/javascript” src =”http://www.yotpo.com/js/yQuery.js“></script>

This file contains two different product’s views: grid and list

You can choose to view the Bottom-line in one of the views or in both. each of the product’s list styles contain the following foreach loop:

<?php $i=0; foreach ($_productCollection as $_product): ?> . . . <?php end foreach ?>

Add the following div structure between the above lines. the place you will insert the code will determine the exact location it will be viewed on the page.

<div class=”yotpo bottomLine” data-appkey=”APP_KEY” data-domain=”<?php Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB) ?>” data-product-id=”<?php echo $_product→getId() ?>” data-product-models=”<?php echo $_product→getData(’sku’) ?>” data-name=”<?php echo $_product→getName() ?>” data-url=”<?php echo $_product→getProductUrl() ?>” data-description=”<?php echo $_product→getDescription() ?>” data-image-url=”<?php echo $_product→getImageUrl() ?>” data-bread-crumbs=”“> </div>

Save the files and you should be ready to go

Additional css modifications can be used if required




 

Magento 2 GitHub Repository

Magento Job Board - Some sort of tag line goes here

Latest Posts| View all Jobs