[Social Widget] How to fix the wrong image shown in the Facebook streamline when click on the like button

If when you click on the Facebook like button on the Social Widget, the image/descriptions shown in the Facebook streamline are wrong, you need to set up the Open Graph Tags for your products.

Shopify

Add following code to your theme.liquid (your layout). The code have to be added inside the head tags, see images below.

<meta property="og:site_name" content="{{ shop.name }}" />
{% if template == 'product' %}
<meta property="og:image" content="{{ product.featured_image | product_img_url: 'compact' }}" />
{% endif %}

Shopify_template_editor_change_open_graph_tags.png

Shopify_template_editor_change_open_graph_tags_2.png

Magento

Follow this link

Prestashop

Click on the Beesocial widget module config link.

PrestaShop™_-_Administration_panel_2012-01-11_16-59-57.png

Check the "Add Open Graph tags option"

PrestaShop™_-_Administration_panel_2012-01-11_17-01-34.png