Myself & Dave are working on the next part of the designing a Responsive Magento website for $99 course and we came up with something we know you’d love!
Facebook comments in the custom tabs :)
We’re using the Ultimo Magento theme for this course, which is super flexible and highly inexpensive.
This theme comes with over 50 static blocks ( you’ll find out about these in the theory section ) and on the product page there you can have two extra tabs for your own content that is displayed on all your products.
We went through the obvious things that you could enter on these tabs such as:
- Delivery Information
- Returns info
- And so on…
However we thought we could do one better and what we’d like to see on our store is Facebook comments.
Facebook Comments on Magento
The thing is that when we started to play with these comments we noticed something undesirable.
After leaving a comment on the product, this was updated on our Facebook profiles (all good so far)
But the link that was left behind on Facebook was a custom one and had lots of extra tracking info in the URL that we landed on, so our product page now ended with stuff like ?fb_comments=123 etc….
Facebook then treated that page as a separate page and the previous comments left didn’t show and that’s just “pants”.
So we’ve tweaked the code a little for you and now the Facebook comments code only uses the true page URL and strips out the junk after the ? symbol (which is common not only to Facebook but to other sharing social platforms) and the end result is what you can see over to the right (click for larger version).
Why Facebook Comments?
The reason why explicitly chose Facebook comments is simple.
When a customer comments on your product page, by default the checkbox is ticked to “Also post on Facebook”.
That means when a customer asks a question or leaves a comment, this is also added to their Facebook timeline.
And if it’s on their timeline… yep you guessed that’s then viewable by their friends :)
Can’t Wait, Want Now?
The code to do this is actually dead simple and if you can manage copy & paste (the theme for the entire course) then you too can have Facebook comments on your Magento website using the Ultimo theme.
- Go to CMS > Static Blocks
- Search for the identifier called “block_product_tab2”
- Enable this block
- Change the block title to “Facebook Comments”
- Then drop the code below into the content section
- Hit Save Block
- Throw a party :)
Step 7 is optional and the code is below.
The Facebook Comments Code:
Magento doesn’t need to be complicated, Magento is copy & paste simple :)
Enjoy, Matt & Dave