2
Integration des Facebook Page Plugins in einem SmartStore.NET Shop
Posted by
Wolfgang Schmerge
,
29 August 2014
·
4398 views
Facebook Like Box Integration Smartstore.net
Integration eines Facebook Page Plugins in einen SmartSore.NET Shop
Um das Facebook Page Plugin in einen SmartStore.NET Shop zu integrieren gehen Sie bitte wie folgt vor:
Zuerst müssen Sie sich bei Facebook ausloggen. (etwas paradox — aber dann ist es einfacher)
Danach die Website
https://developers.f...ins/page-plugin
aufrufen.
Unter „Facebook Page URL” geben Sie bitte den Pfad zu Ihrer Facebook-Seite ein.
Die anderen Einstellungen können Sie nach Ihren Wünschen beliebig verändern
Danach auf „Get Code” klicken.
Den kompletten Code aus dem Abschnitt "2" kopieren und in Ihrem Shop in einer unter "CMS -> Seiten&Inhalte" erstellten Seite im Editor (Quelltext) kopieren.
Erstellung einer neuen Content -Seite für eine Widget-Zone
Im Adminbereich unter CMS -> Seiten&Inhalte auf „Neu“ klicken.
Einen Systemnamen vergeben.
Die Option „Als HTML- Widget darstellen“ aktivieren.
Eine Widget Zone auswählen (dazu einfach in das Feld klicken).
In dem folgenden Beispiel wird die Facebook-Like-Box in der rechten Spalte angezeigt.
Wenn gewünscht den Titel anzeigen bzw. das Widget umrahmen lassen.
Der Haken bei "Inhalt mit Container umhüllen" muss gesetzt sein.
Die Sortierung kann genutzt werden wenn in der gleichen Widget Zone mehrere Widgets angezeigt werden sollen.
Als nächstes muss der kopierte Code über den Texteditor eingefügt werden.
Dazu auf den Button "Quellcode" klicken. In dem sich dann öffnenden Fenster den kopierten Code einfügen. Danach die neu erstellte Content-Seite speichern.
Je nachdem welches Layout der Facebook-Like-Box gewählt wurde, müssen evtl. noch die Breite (width) und Höhe (height) Angaben im Quellcode verändert werden.
Zusätzlich muss noch für das Javascript SDK ein weiterer Widget-Bereich erstellt werden.
Dazu unter "CMS -> Seiten & Inhalte" ein zusätzliches neues Widget einrichten und dort den Facebook-Code aus dem ersten Abschnitt reinkopieren und danach speichern.
Als Widget Zone die Zone "body_end_html_tag_before" auswählen.
Wichtig: Hier darf der Haken bei "Inhalt mit Container umhüllen" nicht gesetzt sein.
Danach wird die fertige Facebook-Like-Box im Shop an der gewünschten Stelle angezeigt.
Um das Facebook Page Plugin in einen SmartStore.NET Shop zu integrieren gehen Sie bitte wie folgt vor:
Zuerst müssen Sie sich bei Facebook ausloggen. (etwas paradox — aber dann ist es einfacher)
Danach die Website
https://developers.f...ins/page-plugin
aufrufen.
Unter „Facebook Page URL” geben Sie bitte den Pfad zu Ihrer Facebook-Seite ein.
Die anderen Einstellungen können Sie nach Ihren Wünschen beliebig verändern
Danach auf „Get Code” klicken.
Den kompletten Code aus dem Abschnitt "2" kopieren und in Ihrem Shop in einer unter "CMS -> Seiten&Inhalte" erstellten Seite im Editor (Quelltext) kopieren.
Erstellung einer neuen Content -Seite für eine Widget-Zone
Im Adminbereich unter CMS -> Seiten&Inhalte auf „Neu“ klicken.
Einen Systemnamen vergeben.
Die Option „Als HTML- Widget darstellen“ aktivieren.
Eine Widget Zone auswählen (dazu einfach in das Feld klicken).
In dem folgenden Beispiel wird die Facebook-Like-Box in der rechten Spalte angezeigt.
Wenn gewünscht den Titel anzeigen bzw. das Widget umrahmen lassen.
Der Haken bei "Inhalt mit Container umhüllen" muss gesetzt sein.
Die Sortierung kann genutzt werden wenn in der gleichen Widget Zone mehrere Widgets angezeigt werden sollen.
Als nächstes muss der kopierte Code über den Texteditor eingefügt werden.
Dazu auf den Button "Quellcode" klicken. In dem sich dann öffnenden Fenster den kopierten Code einfügen. Danach die neu erstellte Content-Seite speichern.
Je nachdem welches Layout der Facebook-Like-Box gewählt wurde, müssen evtl. noch die Breite (width) und Höhe (height) Angaben im Quellcode verändert werden.
Zusätzlich muss noch für das Javascript SDK ein weiterer Widget-Bereich erstellt werden.
Dazu unter "CMS -> Seiten & Inhalte" ein zusätzliches neues Widget einrichten und dort den Facebook-Code aus dem ersten Abschnitt reinkopieren und danach speichern.
Als Widget Zone die Zone "body_end_html_tag_before" auswählen.
Wichtig: Hier darf der Haken bei "Inhalt mit Container umhüllen" nicht gesetzt sein.
Danach wird die fertige Facebook-Like-Box im Shop an der gewünschten Stelle angezeigt.
- Chris_tian likes this
Danke für die Anleitung, hat super geklappt!!