Categories
PrestaShop Web Stuffs

How to embed Instagram feed to your website

This free tool is what I used to quickly embed an Instagram feed to a website: https://www.pixlee.com/social-feed

Project: To add an Instagram feed on https://mooniebridal.com.au to showcase the make-up portfolio.

As I just wanted a quick way to embed the feed, I went for a free pre-built tool with the basic ability to show the feed in tile view on the web page.

Step 1: Sign up for an account with Pixlee

Step 2: Authenticate and authorise Pixlee to access the Instagram feed

Step 3: Copy and paste the generated script on the website

<div id="pixlee_container"></div>
<script type="text/javascript">
window.PixleeAsyncInit = function()    {Pixlee.init({apiKey:'X2gN99kYVn40F3Jv__mi'});
Pixlee.addSimpleWidget({widgetId:'29866'});};
</script>
<script src="//instafeed.assets.pxlecdn.com/assets/pixlee_widget_1_0_0.js"></script>

That should be it but because Moonie Bridal is built on Prestashop, the following was done:

In Step 3, instead of having the whole block pasted in the CMS page, I split it to just have <div id=”pixlee_container”></div> in the position of the page I want the feed to go.

Step 4: Insert the JS block to the template file so it gets appended at the end of the page.

~/themes/<your_theme>/templates/cms/page.tpl

{block name='javascript_bottom' append}
  {if $cms.id==8}
  {literal}
  <script type="text/javascript">
    window.PixleeAsyncInit = function() {
        Pixlee.init({apiKey:'X2gN99kYVn40F3Jv__mi'});
        Pixlee.addSimpleWidget({widgetId:'29866'});
    };
  </script>
  <script src="//instafeed.assets.pxlecdn.com/assets/pixlee_widget_1_0_0.js"></script>
  {/literal}
  {/if}
{/block}

The result can be found here:

It seems to only display the first 30 posts or so but that’s good enough for me
Categories
PrestaShop

How to add Product Comment Manually in PrestaShop

Prerequisites:

PrestaShop installation (1.7.6.4 at the time of this writing)
Product Comments module (by PrestaShop) (v4.0.1 at the time of this writing)

As we all know, customer reviews are crucial to drive sale due to a trust factor. Sometimes, it’s not possible to ask the customers to leave a proper review on the website. It may be a sale from someone who purchased the product offline and only gave the feedback via SMS or Messenger.

Assuming the customer was added to the back office, the easiest way to add the product comment is to go to insert an entry in the database.

  • id_product_comment: the id of the entry in this table
  • id_product: look up the id of the product via the back office
  • id_customer: look up the id of the customer via the back office
  • title: this is the title of the review
  • content: this is the description of the review
  • customer_name: the name of the customer
  • grade: 1 to 5 (corresponds to the number of stars)
  • validate: 1
  • deleted: 0
  • date_add: choose the date & time of the review (in UTC)

That’s it! Now go to the front end to view the result.