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

Can not update quote_id field of “quote_item” table magento 2Magento 2.1 - We can't remove the item. (Shopping Cart doesnt allow us to remove items before becomes empty)Add value for custom quote item attribute using REST apiREST API endpoint v1/carts/cartId/items always returns error messageCorrect way to save entries to databaseHow to remove all associated quote objects of a customer completelyMagento 2 - Save value from custom input field to quote_itemGet quote_item data using quote id and product id filter in Magento 2How to set additional data to quote_item table from controller in Magento 2?What is the purpose of additional_data column in quote_item table in magento2Set Custom Price to Quote item magento2 from controller

Magento 2 disable Secret Key on URL's from terminal The Next CEO of Stack OverflowMagento 2 Shortcut/GUI tool to perform commandline tasks for windowsIn menu add configuration linkMagento oAuth : Generating access token and access secretMagento 2 security key issue in Third-Party API redirect URIPublic actions in admin controllersHow to Disable Cache in Custom WidgetURL Key not changing in Magento 2Product URL Key gets deleted when importing custom options - Magento 2Problem with reindex terminalMagento 2 - bin/magento Commands not working in Cpanel Terminal

Aasi (pallopeli) Navigointivalikko