Onlineshop Software in Facebook einbinden

Apr202016

Mit dem aktuellen commerce:SEO v2 oder unseren Responsive Templates für commerce:SEO v2 war es noch nie so einfach, den kompletten Shop bei Facebook als Tab einzubinden.

Hier eine kurze Anleitung.

Facebook Tab erstellen mit commerce:SEO v2

Facebook Tabs sind beliebige Seiten, die man in Facebook einbinden kann. Warum also nicht auch den kompletten Shop? Man erstellt in Facebook einfach eine neue Anwendung und bindet den Shop quasi als iFrame ein. Hier nun im Detail.

Voraussetzungen:

  • ein persönlicher Facebook Account und eine eigene Seite in Facebook
  • man muss (selbstredend) bei Facebook registriert und angemeldet sein
  • eine Anmeldung als Facebook-Developer ist erforderlich (kostenlos)
  • der Shop sollte mit https (SSL) gesichert sein

Anwendung als Tab erstellen:

  • gehe als 1. auf Facebook-Developers
  • erstelle eine neue Anwendung (die Facebook Hilfe ist hier hilfreich)
  • Erstelle eine neue Anwendung und vergib einen eindeutigen Namen (App Namespace ist Optional und Hosting muss nicht sein)
  • wenn die Anwendung erstellt ist, klicke ganz unten auf "Seitenreiter"
  • nun einen Namen für den Tab eingeben, die Page-URL (Webadresse des Shop), Secure Page Tab URL (die SSL Adresse des Shop) und lade ein Icon für den Tab hoch
  • als Breite (Page Tab Width) nimmst Du "Normal (810px)"

Das war es von den Grundeinstellungen. Um die Facebook-Anwendung jetzt als Tab einzubinden, gibt es einen Trick. Notiere die zuerst die App ID. Das ist in der Anwendung im oberen Teil zu sehen und eine recht lange Zahlenfolge. Um den Tab jetzt auf Deiner Facebook Seite einzubinden, verwende folgenden Link:

 

https://www.facebook.com/dialog/pagetab?app_id=DEINE_APP_ID&display=popup&next=http://www.facebook.com/

 

Wobei DEINE_APP_ID mit der ID genommen werden muss, die Du gerade notiert hast. Über diesen Link kannst Du die Anwendung nun Deiner Seite als Tab hinzu fügen.

Mit unseren neuen Responsive Templates brauchst Du nicht einmal eine Änderung am Shop vornehmen, denn das Template passt sich genau ein :-)

Wenn Ihr sehen wollt, wie es aussieht, dann schaut doch mal unter https://www.facebook.com/commerce.seo.v2 und klickt gleich mal auf "Gefällt mir" ;-)