Twitter Button in PrestaShop einbinden

Geben Sie Ihren Besuchern die Möglichkeit Ihre Seiten auch auf den gängigen Social Media Plattformen zu teilen.

Uli Häfele Foto

Uli Häfele

Business Consultant

Mit dem Einbinden der verschiedenen Social Media Verlinkungen können die Besucher Ihrer Seiten diese sofort mit liken und so mit ihren Freunden teilen. So generieren Sie zum einen eine hohe Reichweite, zum anderen fungieren die User als Markenbotschafter. Das heißt, durch das Teilen der Seite sprechen diese eine Empfehlung aus, was zu einer hohen Glaubwürdigkeit führt. Hier zeigen wir Ihnen, wie Sie einen Twitter Button einfügen.

Installieren Sie ein Modul zur Einbindung von HTML-Inhalten und öffnen Sie dann die modul configuration page und kopieren Sie folgenden Code hinein:

 

<div style="position: fixed; right: 40px; top: 40px;">
  <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <tbody>
      <tr>
        // HIER DEN CODE FÜR DIE SOCIAL BUTTONS EINFÜGEN
      </tr>
    </tbody>
  </table>
</div>

 

Die folgenden Codes für die Social Buttons werden am Platzhalter  „HIER DEN CODE FÜR DIE SOCIAL BUTTONS EINFÜGEN“ eingefügt.

Twitter Code

 

<td>
  <center>
    <a href="https://twitter.com/share" target="_blank" onclick="javascript:window.open(this.href,'','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="twitter-share" data-via="CherryRamon" data-related="davidchikm" data-count="none" data-hashtags="CherryRamon"><img src="https://lh3.googleusercontent.com/-r7gbyPyShrA/Uf26ZHgdbDI/AAAAAAAAE3A/OOGxJg7oLkQ/s800/twitter-32.png" title="Tweet it!" />
      <script type="text/javascript">
 // <![CDATA[ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,
    'script', 'twitter-wjs'); // ]]>
      </script>
     </a>
   </center>
</td>

 

Speichern Sie nun und löschen Sie den Cache. Der Twitter Button erscheint nun im Frontend.