Adding Comments To Your Storenvy Shop

*UPDATE*

Since this post went live, Storenvy did what it does best, and made their shops even better. You now have the option of adding Yotpo reviews (for free), which include social media sharing and star ratings. To add Yotpo to your store, go to the Extras tab and scroll to the bottom!

Round two!

This is the second installment of my how-to series for Storenvy shop owners. Today, class ( 😉 ), we’ll learn to add Disqus commenting system to our shop! See it in action here: Large Ornament Review

It’s pretty easy to install and maintenance/moderation is just as easy, if not more so. The only trouble I’ve had so far is that it’s difficult to customize the appearance of it via CSS. That’s not a huge deal for me, as they offer a color scheme that works with my shop; for others it may be trouble.

First step, sign yourself up! On www.disqus.com you need to select the “For Websites” link, then “Sign Up Free”, and follow the prompts. It took me less than 5 minutes, even with a tubby kitty trying to lie on my keyboard.

Disqus Setup

Once that’s done they ask you to select what platform you would like code for. You’ll want to pick the “Universal Code” option. It is worth noting, though, that you can integrate this with just about anything on the web! Spiffy.

Disqus Choose Platform

Awesome ‘possum. Now, copy that code shown in the first box. Don’t worry about trying to customize the appearance first, unless you like playing with java script; that’s after this.

Disqus Code

Open a new browser tab or window and get to your Storenvy dashboard. (In case you didn’t know, you can type Yourstorename.storenvy.com/admin to get there!) Then go to the Design tab, pick Pages or Edit HTML, and select the template you want. I’ve chosen the Product template, so people can leave individual product reviews or questions, like you see on the big box stores’ websites.

Place your code where you would like it to appear. Keep in mind that it will expand to the width of whatever div it is in. (Mine is placed at the very bottom, outside of all other containers, so that it fills the product page width.) Go ahead and play with it, I’ll wait here.

Disqus Code Install

Back? Great. Now, let’s play with the looks of it a bit. Go back to your Disqus admin panel, and go to the Settings tab at the far right.

Disqus Appearance

This is where you select a light or dark color scheme for your comments tool. It’s default setting is “auto” so it determines the scheme for you. My background is a gradient, though, so it got it wrong – I’m assuming those with a picture background may have the same issue. If it doesn’t look right in your shop, change the setting here. Selecting dark makes all text white, selecting light makes all text black.

Then, select “Advanced” to set the default graphic when a guest (someone without a Disqus account) posts. Mine is our shop button, but you could pick anything, or leave the generic anonymous graphic they supply.

Disqus Avatar

Now let’s add some filters. Chances are you won’t want a bunch of cussing, or even people advertising their own shops, to show up in your store. Still under Settings, select the filters tab. Here you can add words to block – I just copy and pasted their suggested list of words. You can also set it do posts with links need approval from you before they show. There’s a checkbox for that just below. Don’t forget to hit save!

Disqus Filters

Lastly, lets go over to the “Discovery” tab. Discovery is ads and additional traffic, but it does clutter your page a bit. Feel free to leave this as-is or adjust to your preferences. I’ve removed it all and kept it to the “Just Comments” option, and if you’d like to do that too, don’t forget to uncheck “Affiliate links” below.

Disqus Ads

See? Nothin’ to it. Feel free to leave questions in the comments here!

Advertisements

13 responses to “Adding Comments To Your Storenvy Shop

  1. Thanks for sharing all of this Tanya. I’ve tried two different times, and still can’t get this to work. I just end up with the blue link to disqus under my product description – no comment box. What am I doing wrong? My shop is http://artfromdenise.storenvy.com Here’s the code I put in:

    (function() {
    var dsq = document.createElement(‘script’); dsq.type = ‘text/javascript’; dsq.async = true;
    dsq.src = ‘//’ + disqus_shortname + ‘.disqus.com/embed.js’;
    (document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(dsq);
    })();

    Please enable JavaScript to view the comments powered by Disqus.
    comments powered by Disqus

    Thanks for your help.
    Denise

    • Hi Denise! First, I love your shop! Now on to the nitty gritty. 🙂

      If your code is starting with the (function(){ element then you’re missing a section of code at the beginning. I know you said it cut part off though, so maybe that was what it took out? You definitely need the stuff before the ” /* * * DON’T EDIT BELOW THIS LINE * * */” section. That’s where the code connects to your specific forum.

      If you wouldn’t mind putting the code in and then letting me know so I can check it out, that would be helpful. Or, email me and we can work on it. If you need to find the install code again, go to your Admin panel on Disqus, then Settings, and click Install on the far right.

  2. Hi again Tanya, I signed up for both Disqus and Yotpo to test them out, but I Really don’t like the look of having a Review/comment box showing on every product page beneath the description. I would rather not have Any comment box showing at all. I would just prefer to have a floating to the left or right of my page, that ‘Reviews’ tab that I saw on your site. That alone is enough for me. Something small, yet noticeable, and out of the way, so it doesn’t distract from the products. With one of a kind creations, it makes having a comment box Right on the product page, a mute point, because once something is sold, it is gone.
    Is there a way to JUST have the ‘Reviews’/Testimonials tab, like the one you have (I guess through yotpo), and somehow bypass the comment box (yo.main), from showing up on every product page?

    I would attempt to do tests myself, but I have other web stuff to do, and thought I’d ask to see if you think this is a possibility or not. I just don’t like the look for my site to have that comment yo.main thing on Every product page I have. Just doesn’t fit with my aesthetic. Thanks in advance. Hope you are well.

  3. p.s. if this IS a possibilty to just have the ‘Reviews’/(testimonials) tab on the right of my page (without the Comments box on Every product page)… what would the code be, and where would I be placing the code, or what code would I delete/tweak of the current yotpo code, to get rid of the comment boxes under each product? And do you think it would still make the reviews/testimonials tab still function?

    • Hey Ruby, it sure is possible, and relatively easy. The reviews are, indeed, through Yotpo now. 🙂

      I’m assuming you’ve already installed Yotpo, if you’ve decided you don’t like the look of it. Go into your SE dashboard and select Design > HTML Pages > Product and scroll down to where you added the Yotpo code. The first line should read as: ˂div class=”yotpo reviews” *rest of code follows on subsequent lines* Here’s how you want it to read:

      <div class="yotpo reviews" style="display:none;" *rest of code follows on subsequent lines*

      If you’ve already taken your Yotpo code out, they have a pretty good walkthrough on how to reinstall it here: Storenvy Installation Manual

      Oh, and I already checked – this will in no way affect your reviews tab to the right, other than people not being able to leave reviews on individual products. 🙂

  4. Tanya, if I can get this to work, that would be Awesome. Will go check it out now, (yes, I had taken the code back off) but no bigged. Thanks Lady. Hope it works.. crossed fingers and toes! ~

    • Ok, I had inadvertently msg’d you on FB. Sorry, I am all over the place. Basically, I figured it out and implemented it. Thanks! My next question (and I saw you were able to do it in the yo.main, but I don’t know what code to place and where)… so how do I get the following Code style hidden or not shown or what have you… for the text above the box you write your comment. text says:

      Be the first to leave a review for http:/mystorenvysiteurlhere!

      I don’t want that showing for the obvious reason that i have my subdomain for the shop, and it might confuse people. I just had a thought that I may have to ride it out and put up with it, till maybe I get the first review then it disappears?
      Thanks in advance.

  5. Okay, Ruby. You’ve beat me this time! I have no flipping clue how to change that.

    The only thing I can think of is going into your Yotpo admin>Settings>My shop’s settings (at the bottom) and see if putting your subdomain instead of the SE address doesn’t break the link.

    Otherwise, you could tweet @Yotpo to see if anyone there can help. I know Justin Mark Butlion is the Content and Social Marketing Manager, and he’s been pretty active in the SE Community Forums on FB, so you could try there.

    Let me know if you do find something, as I’d love to know how to tweak that message. 🙂

    PS – Ask me anything anywhere. I don’t mind in the least.

      • Oops! Looks like I missed lyndzy’s comment before. I don’t believe you can. It’s like saying someone wants to feature your product without crediting you. After all, that’s part of how they keep growing. While I MIGHT be able to figure out how to do so, I just don’t think it’s ethical, so I’ll pass. Sorry!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s