POINTSofMEASURE
-
Posts
1 -
Joined
-
Last visited
POINTSofMEASURE's Achievements
Level 1 (1/20)
0
Reputation
-
POINTSofMEASURE changed their profile photo -
EDIT: Over the last month I have taught myself coding just to get this thing to work... and I have to say that it is SO involved - as soon as I find the answer to one thing, there's 3 additional things that you have to do... YOTPO support is OK, but not the best. I'm looking into other options because I just don't have the resources/time to make something like this work. (The main issue I'm having now is trying to set up automatic review requests) Currently looking into a combination of Wiremo and Peach's for referrals/affiliate as an alternative. So, in my opinion, I wouldn't waste your time trying to use YOTPO for your squarespace site unless you are VERY familiar with coding. ~~~~~~~~~~~~~ After over 5 months of research, trial, and error I was finally able to get YOTPO reviews live on my site. Here's how I did it: A quick note: I am not super familiar with coding, so apologies if I use the wrong terms! For reference, I am using Rally (Brine Family) and am on 7.0 Step 1: Add the code into the header tag A.) Go to Settings > Advanced > Code Injection B.) Copy and paste this code into the "header" section: <script type="text/javascript"> (function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/###YOUR APP-KEY###/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})(); </script> C.) Replace the ###YOUR APP-KEY### placeholder with the App Key from the Yotpo Admin or the API user creation response. (this is all following the directions given by YOTPO here: https://support.yotpo.com/en/article/generic-other-platforms-installing-yotpo-v1 - it also shows you how to find your secret key etc.) STEP 2: Add code into each product This is where i got tripped up because I sell digital products which don't have a SKU number... I thought I was out of luck! But here's how to find all the info: A.) Go into edit a product as usual (this method only works if the product is live) B.) Go into the "Additional Info" section and add a new "Code" block C.) Copy and paste the code given by YOTPO: <div class="yotpo yotpo-main-widget" data-product-id="SKU/Product_ID" data-price="Product Price" data-currency="Price Currency" data-name="Product Title" data-url="The url of your product page" data-image-url="The product image url"> </div> D.) Replace the elements with your product information and click save. Your reviews should now show on your product page! Here's an example of what mine looks like: <div class="yotpo yotpo-main-widget" data-product-id="item-5ea745a194933c5a20c3dd09" data-price="75.00" data-currency="USD" data-name="Mens Foundation Patterns — Points of Measure" data-url="https://www.pointsofmeasure.com/shop/mens-foundation-patterns" data-image-url="http://static1.squarespace.com/static/5a2825178fd4d28d140369eb/5deab49e36eb40203bff73b1/5ea745a194933c5a20c3dd09/1592261291486/mens-nested-foundation-pattern-points-of-measure.jpg?format=1500w"> </div> Here's how & where I found each of these: (see attached visual walkthrough) Open a new window/tab and navigate to your product listing. Right click & choose "inspect" - the code for the page should now be showing Inside the code: Navigate to the big block of text near the bottom, look at the top of that block and you'll see <body id="item-#####" --> take this number (with the item-) and put it into the "data-product-id" of the code Navigate back near the top of the code and you'll see a list of <meta property =" items, this is where you will see the rest of the items you need: The "og:title" link you will see will replace the "data-name" The "og:url" link you will see will replace the "data-url" (this is also just the url of your product listing) The "og:image" link you will see will replace the "data-image-url" The "product:price:amount" you see will replace the "data-price" (this is also just the price of your item) Again, this is more clear in the image attached. Good luck! You can see an example of this listing with reviews here: https://www.pointsofmeasure.com/shop/mens-foundation-patterns
