How to share product image and details in social media in Magento 2?I want to share product with product image and details on social media websitesHow to show social share icon below product on category page in magentoHow can i rewrite TierPrice Block in Magento2magento 2 captcha not rendering if I override layout xmlLinkedIn social share rwdmain.CRITICAL: Plugin class doesn't existMagento 2 : Problem while adding custom button order view page?Magento 2 social share buttons?Magento 2.2.5: Overriding Admin Controller sales/orderMagento 2.2.5: Add, Update and Delete existing products Custom Options

When should a starting writer get his own webpage?

Exposing a company lying about themselves in a tightly knit industry: Is my career at risk on the long run?

Does convergence of polynomials imply that of its coefficients?

If I cast the Enlarge/Reduce spell on an arrow, what weapon could it count as?

Do I need to convey a moral for each of my blog post?

When did hardware antialiasing start being available?

is this saw blade faulty?

Friend wants my recommendation but I don't want to give it to him

UK Tourist Visa- Enquiry

Does fire aspect on a sword, destroy mob drops?

Was World War I a war of liberals against authoritarians?

Emojional cryptic crossword

Writing in a Christian voice

Why are there no stars visible in cislunar space?

Animating wave motion in water

What will the Frenchman say?

Would mining huge amounts of resources on the Moon change its orbit?

Imaginary part of expression too difficult to calculate

Isn't the word "experience" wrongly used in this context?

Jem'Hadar, something strange about their life expectancy

Nested Dynamic SOQL Query

I got the following comment from a reputed math journal. What does it mean?

Error in master's thesis, I do not know what to do

Unable to get newly inserted Product's Id using After Plugin for Catalog Product save controller method



How to share product image and details in social media in Magento 2?


I want to share product with product image and details on social media websitesHow to show social share icon below product on category page in magentoHow can i rewrite TierPrice Block in Magento2magento 2 captcha not rendering if I override layout xmlLinkedIn social share rwdmain.CRITICAL: Plugin class doesn't existMagento 2 : Problem while adding custom button order view page?Magento 2 social share buttons?Magento 2.2.5: Overriding Admin Controller sales/orderMagento 2.2.5: Add, Update and Delete existing products Custom Options













1















I want to share product image and details to social media in Magento 2 using addthistool.



We have added http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5b30cd59923bb69c js in header part



Phtml




Custom/Module/view/frontend/templates/product/view/social-share.phtml




<div class="st-addthis-custom addthis_toolbox">
<ul class="sharing-links custom_images">
<li>
<a class="addthis_button_facebook link-facebook" title="Share on Facebook">
</a>
</li>
<li>
<a class="addthis_button_twitter link-twitter" title="Share on Twitter">
</a>
</li>
<li>
<a class="addthis_button_linkedin link-linkedin" title="Share on Linkedin">
</a>
</li>
</ul>




Block




Custom/Module/view/layout/frontend/catalog_product_view.xml




<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="content">
<block class="MagentoCatalogBlockProductView" name="product.view.addthis.custom.social-share" template="Custom_Module::product/view/social-share.phtml" before="-" />
</referenceContainer>
</body>











share|improve this question
























  • @ShoaibMunir i am using addthis.com plugin.But how can i pass product details to facebook or any other social media

    – Parthavi
    Mar 12 at 9:44
















1















I want to share product image and details to social media in Magento 2 using addthistool.



We have added http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5b30cd59923bb69c js in header part



Phtml




Custom/Module/view/frontend/templates/product/view/social-share.phtml




<div class="st-addthis-custom addthis_toolbox">
<ul class="sharing-links custom_images">
<li>
<a class="addthis_button_facebook link-facebook" title="Share on Facebook">
</a>
</li>
<li>
<a class="addthis_button_twitter link-twitter" title="Share on Twitter">
</a>
</li>
<li>
<a class="addthis_button_linkedin link-linkedin" title="Share on Linkedin">
</a>
</li>
</ul>




Block




Custom/Module/view/layout/frontend/catalog_product_view.xml




<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="content">
<block class="MagentoCatalogBlockProductView" name="product.view.addthis.custom.social-share" template="Custom_Module::product/view/social-share.phtml" before="-" />
</referenceContainer>
</body>











share|improve this question
























  • @ShoaibMunir i am using addthis.com plugin.But how can i pass product details to facebook or any other social media

    – Parthavi
    Mar 12 at 9:44














1












1








1








I want to share product image and details to social media in Magento 2 using addthistool.



We have added http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5b30cd59923bb69c js in header part



Phtml




Custom/Module/view/frontend/templates/product/view/social-share.phtml




<div class="st-addthis-custom addthis_toolbox">
<ul class="sharing-links custom_images">
<li>
<a class="addthis_button_facebook link-facebook" title="Share on Facebook">
</a>
</li>
<li>
<a class="addthis_button_twitter link-twitter" title="Share on Twitter">
</a>
</li>
<li>
<a class="addthis_button_linkedin link-linkedin" title="Share on Linkedin">
</a>
</li>
</ul>




Block




Custom/Module/view/layout/frontend/catalog_product_view.xml




<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="content">
<block class="MagentoCatalogBlockProductView" name="product.view.addthis.custom.social-share" template="Custom_Module::product/view/social-share.phtml" before="-" />
</referenceContainer>
</body>











share|improve this question
















I want to share product image and details to social media in Magento 2 using addthistool.



We have added http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5b30cd59923bb69c js in header part



Phtml




Custom/Module/view/frontend/templates/product/view/social-share.phtml




<div class="st-addthis-custom addthis_toolbox">
<ul class="sharing-links custom_images">
<li>
<a class="addthis_button_facebook link-facebook" title="Share on Facebook">
</a>
</li>
<li>
<a class="addthis_button_twitter link-twitter" title="Share on Twitter">
</a>
</li>
<li>
<a class="addthis_button_linkedin link-linkedin" title="Share on Linkedin">
</a>
</li>
</ul>




Block




Custom/Module/view/layout/frontend/catalog_product_view.xml




<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="content">
<block class="MagentoCatalogBlockProductView" name="product.view.addthis.custom.social-share" template="Custom_Module::product/view/social-share.phtml" before="-" />
</referenceContainer>
</body>








magento2 product magento-2.2.5 social-buttons






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 27 mins ago









Shoaib Munir

2,1101828




2,1101828










asked Mar 12 at 9:26









ParthaviParthavi

1029




1029












  • @ShoaibMunir i am using addthis.com plugin.But how can i pass product details to facebook or any other social media

    – Parthavi
    Mar 12 at 9:44


















  • @ShoaibMunir i am using addthis.com plugin.But how can i pass product details to facebook or any other social media

    – Parthavi
    Mar 12 at 9:44

















@ShoaibMunir i am using addthis.com plugin.But how can i pass product details to facebook or any other social media

– Parthavi
Mar 12 at 9:44






@ShoaibMunir i am using addthis.com plugin.But how can i pass product details to facebook or any other social media

– Parthavi
Mar 12 at 9:44











2 Answers
2






active

oldest

votes


















1














Facebook reads website og meta tags so you need to add og tags in head of your magento



Example tags:



<meta property="og:title" content="My product title"/>
<meta property="og:site_name" content="ABC Site"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.example.com/example.html"/>
<meta property="og:image" content="https://www.example.com/media/catalog/product/cache/1/image/265x/9df78eab33525d08d6e5fb8d27136e95/m/k/mke-08-_1_.jpg"/>
<meta property="og:description" content="My product description"/>


Facebook crawler crawls your website and reads these tags from page. And if you want your page to re-crawl then you need to request for re-crawl from this tool:



https://developers.facebook.com/tools/debug/sharing/






share|improve this answer























  • I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

    – Parthavi
    Mar 12 at 10:35











  • u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

    – Parthavi
    Mar 12 at 10:38












  • is it appearing on website browser source?

    – Shoaib Munir
    Mar 12 at 10:46












  • Yes it is appearing

    – Parthavi
    Mar 12 at 10:51











  • it should work then, can you share your product url?

    – Shoaib Munir
    Mar 12 at 10:54


















1














There is a free extension available, You can use it :



https://marketplace.magento.com/magebuzz-socialshare.html



https://www.mageplaza.com/magento-2-social-share/?utm_source=mageplaza&utm_medium=mageplaza&utm_campaign=mageplaza-review&utm_content=Social%20Share






share|improve this answer























  • Can u explain in detail regarding developer section

    – Parthavi
    Mar 12 at 9:50











  • Have you installed the above extension?

    – Amit Naraniwal
    Mar 12 at 9:55












  • I am using addthis.com this plugin

    – Parthavi
    Mar 12 at 9:56










Your Answer








StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f265444%2fhow-to-share-product-image-and-details-in-social-media-in-magento-2%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























2 Answers
2






active

oldest

votes








2 Answers
2






active

oldest

votes









active

oldest

votes






active

oldest

votes









1














Facebook reads website og meta tags so you need to add og tags in head of your magento



Example tags:



<meta property="og:title" content="My product title"/>
<meta property="og:site_name" content="ABC Site"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.example.com/example.html"/>
<meta property="og:image" content="https://www.example.com/media/catalog/product/cache/1/image/265x/9df78eab33525d08d6e5fb8d27136e95/m/k/mke-08-_1_.jpg"/>
<meta property="og:description" content="My product description"/>


Facebook crawler crawls your website and reads these tags from page. And if you want your page to re-crawl then you need to request for re-crawl from this tool:



https://developers.facebook.com/tools/debug/sharing/






share|improve this answer























  • I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

    – Parthavi
    Mar 12 at 10:35











  • u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

    – Parthavi
    Mar 12 at 10:38












  • is it appearing on website browser source?

    – Shoaib Munir
    Mar 12 at 10:46












  • Yes it is appearing

    – Parthavi
    Mar 12 at 10:51











  • it should work then, can you share your product url?

    – Shoaib Munir
    Mar 12 at 10:54















1














Facebook reads website og meta tags so you need to add og tags in head of your magento



Example tags:



<meta property="og:title" content="My product title"/>
<meta property="og:site_name" content="ABC Site"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.example.com/example.html"/>
<meta property="og:image" content="https://www.example.com/media/catalog/product/cache/1/image/265x/9df78eab33525d08d6e5fb8d27136e95/m/k/mke-08-_1_.jpg"/>
<meta property="og:description" content="My product description"/>


Facebook crawler crawls your website and reads these tags from page. And if you want your page to re-crawl then you need to request for re-crawl from this tool:



https://developers.facebook.com/tools/debug/sharing/






share|improve this answer























  • I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

    – Parthavi
    Mar 12 at 10:35











  • u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

    – Parthavi
    Mar 12 at 10:38












  • is it appearing on website browser source?

    – Shoaib Munir
    Mar 12 at 10:46












  • Yes it is appearing

    – Parthavi
    Mar 12 at 10:51











  • it should work then, can you share your product url?

    – Shoaib Munir
    Mar 12 at 10:54













1












1








1







Facebook reads website og meta tags so you need to add og tags in head of your magento



Example tags:



<meta property="og:title" content="My product title"/>
<meta property="og:site_name" content="ABC Site"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.example.com/example.html"/>
<meta property="og:image" content="https://www.example.com/media/catalog/product/cache/1/image/265x/9df78eab33525d08d6e5fb8d27136e95/m/k/mke-08-_1_.jpg"/>
<meta property="og:description" content="My product description"/>


Facebook crawler crawls your website and reads these tags from page. And if you want your page to re-crawl then you need to request for re-crawl from this tool:



https://developers.facebook.com/tools/debug/sharing/






share|improve this answer













Facebook reads website og meta tags so you need to add og tags in head of your magento



Example tags:



<meta property="og:title" content="My product title"/>
<meta property="og:site_name" content="ABC Site"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.example.com/example.html"/>
<meta property="og:image" content="https://www.example.com/media/catalog/product/cache/1/image/265x/9df78eab33525d08d6e5fb8d27136e95/m/k/mke-08-_1_.jpg"/>
<meta property="og:description" content="My product description"/>


Facebook crawler crawls your website and reads these tags from page. And if you want your page to re-crawl then you need to request for re-crawl from this tool:



https://developers.facebook.com/tools/debug/sharing/







share|improve this answer












share|improve this answer



share|improve this answer










answered Mar 12 at 10:17









Shoaib MunirShoaib Munir

2,1101828




2,1101828












  • I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

    – Parthavi
    Mar 12 at 10:35











  • u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

    – Parthavi
    Mar 12 at 10:38












  • is it appearing on website browser source?

    – Shoaib Munir
    Mar 12 at 10:46












  • Yes it is appearing

    – Parthavi
    Mar 12 at 10:51











  • it should work then, can you share your product url?

    – Shoaib Munir
    Mar 12 at 10:54

















  • I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

    – Parthavi
    Mar 12 at 10:35











  • u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

    – Parthavi
    Mar 12 at 10:38












  • is it appearing on website browser source?

    – Shoaib Munir
    Mar 12 at 10:46












  • Yes it is appearing

    – Parthavi
    Mar 12 at 10:51











  • it should work then, can you share your product url?

    – Shoaib Munir
    Mar 12 at 10:54
















I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

– Parthavi
Mar 12 at 10:35





I have added meta property as u have defined but when i debug the url unable to get few property such as og:type,og:description,og:image Can u provide me solution for that

– Parthavi
Mar 12 at 10:35













u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

– Parthavi
Mar 12 at 10:38






u can check in file vendormagentomodule-catalogviewfrontendtemplatesproductviewopengraph/general.phtml it is already set but not displayed in facebook

– Parthavi
Mar 12 at 10:38














is it appearing on website browser source?

– Shoaib Munir
Mar 12 at 10:46






is it appearing on website browser source?

– Shoaib Munir
Mar 12 at 10:46














Yes it is appearing

– Parthavi
Mar 12 at 10:51





Yes it is appearing

– Parthavi
Mar 12 at 10:51













it should work then, can you share your product url?

– Shoaib Munir
Mar 12 at 10:54





it should work then, can you share your product url?

– Shoaib Munir
Mar 12 at 10:54













1














There is a free extension available, You can use it :



https://marketplace.magento.com/magebuzz-socialshare.html



https://www.mageplaza.com/magento-2-social-share/?utm_source=mageplaza&utm_medium=mageplaza&utm_campaign=mageplaza-review&utm_content=Social%20Share






share|improve this answer























  • Can u explain in detail regarding developer section

    – Parthavi
    Mar 12 at 9:50











  • Have you installed the above extension?

    – Amit Naraniwal
    Mar 12 at 9:55












  • I am using addthis.com this plugin

    – Parthavi
    Mar 12 at 9:56















1














There is a free extension available, You can use it :



https://marketplace.magento.com/magebuzz-socialshare.html



https://www.mageplaza.com/magento-2-social-share/?utm_source=mageplaza&utm_medium=mageplaza&utm_campaign=mageplaza-review&utm_content=Social%20Share






share|improve this answer























  • Can u explain in detail regarding developer section

    – Parthavi
    Mar 12 at 9:50











  • Have you installed the above extension?

    – Amit Naraniwal
    Mar 12 at 9:55












  • I am using addthis.com this plugin

    – Parthavi
    Mar 12 at 9:56













1












1








1







There is a free extension available, You can use it :



https://marketplace.magento.com/magebuzz-socialshare.html



https://www.mageplaza.com/magento-2-social-share/?utm_source=mageplaza&utm_medium=mageplaza&utm_campaign=mageplaza-review&utm_content=Social%20Share






share|improve this answer













There is a free extension available, You can use it :



https://marketplace.magento.com/magebuzz-socialshare.html



https://www.mageplaza.com/magento-2-social-share/?utm_source=mageplaza&utm_medium=mageplaza&utm_campaign=mageplaza-review&utm_content=Social%20Share







share|improve this answer












share|improve this answer



share|improve this answer










answered Mar 12 at 9:29









Amit NaraniwalAmit Naraniwal

952411




952411












  • Can u explain in detail regarding developer section

    – Parthavi
    Mar 12 at 9:50











  • Have you installed the above extension?

    – Amit Naraniwal
    Mar 12 at 9:55












  • I am using addthis.com this plugin

    – Parthavi
    Mar 12 at 9:56

















  • Can u explain in detail regarding developer section

    – Parthavi
    Mar 12 at 9:50











  • Have you installed the above extension?

    – Amit Naraniwal
    Mar 12 at 9:55












  • I am using addthis.com this plugin

    – Parthavi
    Mar 12 at 9:56
















Can u explain in detail regarding developer section

– Parthavi
Mar 12 at 9:50





Can u explain in detail regarding developer section

– Parthavi
Mar 12 at 9:50













Have you installed the above extension?

– Amit Naraniwal
Mar 12 at 9:55






Have you installed the above extension?

– Amit Naraniwal
Mar 12 at 9:55














I am using addthis.com this plugin

– Parthavi
Mar 12 at 9:56





I am using addthis.com this plugin

– Parthavi
Mar 12 at 9:56

















draft saved

draft discarded
















































Thanks for contributing an answer to Magento Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f265444%2fhow-to-share-product-image-and-details-in-social-media-in-magento-2%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Disable / Remove link to Product Items in Cart Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How can I limit products that can be bought / added to cart?Remove item from cartHide “Add to Cart” button if specific products are already in cart“Prettifying” the custom options in cart pageCreate link in cart sidebar to view all added items After limit reachedLink products together in checkout/cartHow to Get product from cart and add it againHide action-edit on cart page if simple productRemoving Cart items - ObserverRemove wishlist items when added to cart

Helsingin valtaus Sisällysluettelo Taustaa | Yleistä sotatoimista | Osapuolet | Taistelut Helsingin ympäristössä | Punaisten antautumissuunnitelma | Taistelujen kulku Helsingissä | Valtauksen jälkeen | Tappiot | Muistaminen | Kirjallisuutta | Lähteet | Aiheesta muualla | NavigointivalikkoTeoksen verkkoversioTeoksen verkkoversioGoogle BooksSisällissota Helsingissä päättyi tasan 95 vuotta sittenSaksalaisten ylivoima jyräsi punaisen HelsinginSuomalaiset kuvaavat sotien jälkiä kaupungeissa – katso kuvat ja tarinat tutuilta kulmiltaHelsingin valtaus 90 vuotta sittenSaksalaiset valtasivat HelsinginHyökkäys HelsinkiinHelsingin valtaus 12.–13.4. 1918Saksalaiset käyttivät ihmiskilpiä Helsingin valtauksessa 1918Teoksen verkkoversioTeoksen verkkoversioSaksalaiset hyökkäävät Etelä-SuomeenTaistelut LeppävaarassaSotilaat ja taistelutLeppävaara 1918 huhtikuussa. KapinatarinaHelsingin taistelut 1918Saksalaisten voitonparaati HelsingissäHelsingin valtausta juhlittiinSaksalaisten Helsinki vuonna 1918Helsingin taistelussa kaatuneet valkokaartilaisetHelsinkiin haudatut taisteluissa kaatuneet punaiset12.4.1918 Helsingin valtauksessa saksalaiset apujoukot vapauttavat kaupunginVapaussodan muistomerkkejä Helsingissä ja pääkaupunkiseudullaCrescendo / Vuoden 1918 Kansalaissodan uhrien muistomerkkim

Adjektiivitarina Tarinan tekeminen | Esimerkki: ennen | Esimerkki: jälkeen | Navigointivalikko