Magento – Magento 2 product share in custom Social Media

magento2

Hi i want to Share my Product in Social Media. Like Facebook,Twitter, Pintrest, Linkden using Custom code.

If any one use custom code for sharing product in social media. share your custom code.

Best Answer

you can use share this tool. This will give you icons and sharing links. For sample I have added code here. You can also generate new using this which is free and open source, [http://www.sharethis.com/]
Copy the span tags and place them where you want your buttons to appear in the code.

<span class='st_' displayText=''></span>
<span class='st_instagram' displayText='Instagram Badge'></span>

Copy the script tags and place them inside and at the end of your "head" tag.

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "791bb30f-74a2-4e0f-bde5-5bc23d04c358", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

For now I have just added instagram with this sharethis you can add more.

Related Solutions

Magento – Magento 2: Home page image on Facebook

Go through below links, they might help you out.

Basically you need to implement the OG tags on your page.

Magento 2.2.5 – How to Add Meta Tags in the Head

1) Create a custom child theme that uses the ultimo theme as a parent:

app/code/design/frontend/YOURCOMPANY/YOURTHEME/theme.xml

<?xml version="1.0"?>
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>YOURCOMPANY YOURTHEME</title>
    <parent>Infortis/ultimo</parent>
</theme>

2) create app/code/design/frontend/YOURCOMPANY/YOURTHEME/registration.php file

<?php
    \Magento\Framework\Component\ComponentRegistrar::register(
        \Magento\Framework\Component\ComponentRegistrar::THEME,
        'frontend/YOURCOMPANY/YOURTHEME',
        __DIR__
    );

3) create app/design/frontend/YOURCOMPANY/YOURTHEME/Magento_Theme/layout/default_head_blocks.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <!-- favicons -->
        (...)

        <!-- Custom Metas -->
        <meta name="msapplication-TileColor" content="#ffffff"/>
        <meta name="msapplication-TileImage" content="icons/favicons/ms-icon-144x144.png"/>
        <meta name="theme-color" content="#ffffff"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>

        <!-- ADD YOUR OTHER METAS HERE .... -->
    </head>
</page>

4) Enable your custom theme in the admin area.

5) Read up for more info: https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/themes/theme-inherit.html

Best Answer

Related Solutions

Magento – Magento 2: Home page image on Facebook

Magento 2.2.5 – How to Add Meta Tags in the Head

Related Topic