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
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
add a comment |
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
@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
add a comment |
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
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
magento2 product magento-2.2.5 social-buttons
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
add a comment |
@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
add a comment |
2 Answers
2
active
oldest
votes
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/
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
|
show 9 more comments
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
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
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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/
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
|
show 9 more comments
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/
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
|
show 9 more comments
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/
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/
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
|
show 9 more comments
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
|
show 9 more comments
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
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
add a comment |
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
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
add a comment |
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
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
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
add a comment |
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
add a comment |
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
@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