How to add Facebook Like and Twitter Follow button on your Magento Store

Wie fügt man Facebook Like und Twitter hinzu? Folgen Sie dem Button in Ihrem Magento Store?

Das vergangene Jahrzehnt hat ein immenses Wachstum der Popularität der Social Media erlebt. Das Beste daran war, dass soziale Medien Unternehmen dabei halfen, eine solide Webpräsenz aufzubauen, starke Leads zu generieren und den Website-Traffic durch eine effektive Marketingstrategie zu steigern.

Mit Social Media können Sie Ihre Erstbesucher und wiederkehrenden Kunden auf vielfältige Weise erreichen und das Beste präsentieren, was Ihr Unternehmen zu bieten hat. Eine gut entwickelte und organisierte Social-Networking-Strategie ist sehr wichtig, wenn Sie auf Social Media für Marketing, Lead-Generierung und vieles mehr angewiesen sind.

Verschiedene Formen des Engagements für soziale Medien bieten mehrere Möglichkeiten, die Nutzererfahrung und das Markenimage Ihres Unternehmens zu verbessern. Funktionen wie Sozial Login, Facebook einloggen, klicken um zu twittern, Auf Facebook teilen, folgen Sie auf Twitter sind einige Beispiele dafür, wie Social Media auf Ihrer Website selbst integriert werden kann.

Heute diskutieren wir über eine solche Integration, die Sie in Ihrem Magento-Shop durchführen können – wie fügen Sie den "Like-Button" von Facebook und den "Follow-Button" von Twitter in Ihrem Magento Store hinzu? Dieser Zusatz wird Ihnen helfen, die Sichtbarkeit Ihrer Magento-Seiten in den sozialen Medien zu verbessern, indem Sie Nutzern erlauben, Ihre Marke zu mögen oder ihr zu folgen.

Holen Sie sich Facebook Like Button-Code

Fangen wir mit Facebook an wie Button, dann werden wir den Twitter "Follow" Button hinzufügen. Um die Facebook Like-Schaltfläche hinzuzufügen, besuchen Sie zunächst die Facebook-Entwickler-Website und navigieren Sie zur folgenden URL.

https://developers.facebook.com/docs/plugins/like-button

Sie werden das folgende Formular finden, das einige Details verlangt, die ausgefüllt werden müssen.

Wie Knopfkonfigurator

  • Geben Sie die URL Ihrer Website oder die URL Ihrer Facebook-Social-Page in die URL ein "URL zu Like-Bereich"
  • Geben Sie die Breite der gewünschten Schaltfläche ein.
  • Wählen Sie das Tastenlayout und drücken Sie die Code abrufen Knopf unter.

Wenn Sie die Facebook-Schaltfläche "Teilen" neben der Schaltfläche "Gefällt mir" anzeigen möchten, können Sie das Kontrollkästchen "Include Share-Schaltfläche" aktivieren.

Holen Sie sich den Twitter Follow-Button-Code

Um den Share-Button zu erhalten, müssen Sie zunächst die folgende Twitter-URL aufrufen.

https://publish.twitter.com/

Sie werden die folgende Seite sehen:

Bittet, Twitter URL für ähnlichen Code einzubetten

Geben Sie hier Ihre URL für die Twitter-Seite ein und folgen Sie den Anweisungen auf dem Bildschirm, um den Code für die Freigabe zu erhalten.

Scrollen Sie nach unten, um die folgende Benutzeroberfläche zu finden, und klicken Sie auf das Symbol wie in der folgenden Abbildung dargestellt:

Schnittstelle, um Twitter-Buttons zu bekommenAls nächstes sehen Sie ein Pop-up. Hier müssen Sie auf die Schaltfläche "Follow Button" klicken, wie in der folgenden Abbildung gezeigt:

Schnittstelle Fragen Sie nach Twitter Button Choice

Die nächste Schnittstelle fordert Sie auf, entweder Ihre Twitter-URL oder Ihren Twitter-Benutzernamen einzugeben. Geben Sie einen beliebigen Benutzer ein und klicken Sie auf Vorschau. Du bekommst den Code.

Nach Twitter-Seiten-URL oder Benutzername gefragt

Fügen Sie Ihrem Magento-Shop soziale Schaltflächen hinzu

Jetzt haben wir den Facebook Like Button und den Twitter Share Button Code. Ich werde diese sozialen Schaltflächen auf meiner Magento-Produktseite hinzufügen. Also muss ich die folgende Datei vom FTP der Webseite bearbeiten.

MAGENTO_ROOT / app / design / frontend / [DESIGN_PACKAGE] / [THEMA] /template/catalog/product/view.phtml

Öffnen Sie die Ansicht.phtml Datei in einem der Editoren, die Sie verwenden möchten. Ich benutze Netbeans. Sie können einen beliebigen Texteditor wie Notepad, Notepad ++ usw. verwenden.

Sie haben die Möglichkeit, diese sozialen Schaltflächen an jeder Position auf der Seite hinzuzufügen. Ich habe jedoch den Platz unter dem Produkttitel auf der Seite gewählt.

Um auf der Magento-Seite unter dem Produktnamen die sozialen Schaltflächen hinzuzufügen, suchen Sie in der Datei view.phtml nach dem folgenden Code.

<div class = "Produktname">

Fügen Sie nach diesem Code ein neues <div> mit class = "social-info" hinzu. In diesem neuen <div> fügen Sie die Codes hinzu, die Sie von Facebook bzw. Twitter erhalten haben. Der Code würde etwa so aussehen:

<div class = "Produktname"> <span class = "h1"> <? php echo $ _helper-> ProduktAttribut ($ _ Produkt, $ _Produkt-> getName (), 'Name')?> </ span> < / div> <div class = "Preis-Info"> <? php echo $ this-> getPriceHtml ($ _ product); ?> <? php echo $ this-> getChildHtml ('bundle_prices')?> <? php echo $ this-> getTierPriceHtml ()?> </ div> <! - Soziale Buttons -> <div class = "social -info "> <! - Code für Twitter Folgen Sie dem Button -> <a href="https://twitter.com/knowbandplugin" class="twitter-follow-button" data-show-count="false"> Folgen Sie @knowbandplugin </a> <script async src = "// plattform.twitter.com/widgets.js" charset = "utf-8"> </ script> <! - Code für Facebook Schaltfläche Gefällt mir -> < div id = "fb-root"> </ div> <script> (Funktion (d, s, id)) {var js, fjs = d.getElementsByTagName (s) [0]; if (d.getElementById (id)) return; js = d.createElement (e); js.id = id; js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.9";

Wenn Sie den Code hinzugefügt haben, speichern Sie die Datei. Löschen Sie den Cache-Magento-Cache und navigieren Sie zu Ihrer Produktseite, um zu sehen, ob Sie die Social-Buttons zu Ihrem Magento-Shop hinzufügen können.

Standard Willkommen MSG!

Schlussfolgern

Soziale Medien sind zu einem untrennbaren Organ der dadurch florierenden Unternehmen geworden. Ob es durch ist Social Login Plugins, Soziale Werbung oder Social SharingSocial Media unterstützt Unternehmen auf unzählige Arten. Welche Art von Social-Media-Optionen nutzen Sie in Ihrem Unternehmen? Lass es uns in den Kommentaren wissen.

Willst du mehr erfahren? Lesen Sie unsere Beiträge auf:

Wie starte ich einen PrestaShop Twitter-Login in Ihrem PrestaShop-Shop?

Einrichten des Google-Login für PrestaShop-Sites

Sie konnten auch mögen:

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *