Webshop Tutorial. E-Commerce ECM ERP SFA EDI. Backup. Integration des Comarch Webshops mit Facebook.

Transkript

1 Webshop SFA ECM Backup E-Commerce ERP EDI Integration des Comarch Webshops mit Facebook

2 Inhaltsverzeichnis 1 ZIEL DES TUTORIALS 3 2 EINE ANWENDUNG AUF FACEBOOK ERSTELLEN 3 3 EINE SEITE AUF FACEBOOK ERSTELLEN 8 4 FACEBOOK-PLUGINS AKTIVIEREN GEFÄLLT MIR-BUTTON AKTIVIEREN GEFÄLLT MIR-BOX AKTIVIEREN KOMMENTARE AKTIVIEREN MIT HILFE DES FACEBOOK-KONTOS IM WEBSHOP ANMELDEN BENUTZERDEFINIERTES PLUGIN AKTIVIEREN 13 2

3 1 Ziel des s In diesem erfahren Sie, wie Sie den Comarch Webshop in eine Facebook-Seite integrieren können. Sie werden durch die Konfiguration geleitet, die Sie im Webshop und auf Facebook vornehmen müssen. Das Ziel ist, Ihren Webshop auch als Facebook Shop abzubilden. Außerdem können Sie einen Facebook-Gefällt mir- Button zu Ihrem Webshop hinzufügen und sich über Facebook in den Webshop einloggen. 2 Eine Anwendung auf Facebook erstellen HINWEIS: In Übereinstimmung mit der von Facebook eingeführten Regelung bei Erstellung einer neuen Anwendung ist es erforderlich, über ein SSL-Zertifikat der Seite des Onlineshops zu verfügen. i In diesem Kapitel erfahren Sie, wie Sie eine Anwendung auf Facebook erstellen und konfigurieren. Bei der Anwendungserstellung werden Daten generiert, die Sie nachher in den Comarch Webshop eingeben müssen (Anwendungs-ID, versteckter Anwendungscode sowie die Adresse des Shops). 1. Loggen Sie sich auf Facebook ein (Sie müssen über ein Facebook-Konto verfügen). 2. Gehen Sie auf: 3. Wählen Sie Apps - Eine neue App erstellen. HINWEIS: Falls Sie in Facebook noch nicht als Entwickler registriert sind, müssen Sie sich jetzt als Entwickler registrieren. Erst dann können Sie eine neue App erstellen. i 3

4 4. Tragen Sie den Namen der Anwendung ein (Display Name). 5. Tragen Sie den Namen des Shops ein (Namespace, dies ist der letzte Teil der Adresse, unter dem der Shop auf Facebook angezeigt werden wird). 6. Wählen Sie eine Kategorie. 7. Klicken Sie auf Anwendung erstellen. 8. Geben Sie den Text der Sicherheitskontrolle ein, der sich nun in einem Fenster öffnet. Die Anwendungsoberfläche erscheint. 9. Gehen Sie auf Einstellungen, um die Konfigurierung fortzusetzen. Der Konfigurationsbildschirm, inklusive Anwendungsnummer, wird angezeigt. 10. Klicken Sie auf Plattform hinzufügen. 4

5 11. Im neu erscheinenden Fenster wählen Sie Anwendung auf Facebook. 12. Um den Shop nun auf Facebook zu starten, konfigurieren Sie die Anwendung wie folgt: 5

6 Beschreibung der Felder: App Domains geben Sie die Adresse des Comarch Webshops an. Canvas-URL geben Sie die Adresse des Comarch Webshops mit dem Präfix und dem Schlusssegement /fb.aspx?f=1 an. Secure Canvas URL - geben Sie die Adresse des Shops mit dem Präfix und dem Schlusssegement /fb.aspx?f=1 an. Canvas Fixed Width Wählen Sie I für eine feste Breite der App. Canvas Fixed Height Wählen Sie I für eine feste Höhe der App. 13. Speichern Sie die eingegebenen Daten. 14. Übertragen Sie die entsprechenden Daten zur Konfiguration in den Administrationsbereich des Comarch Webshops unter Konfiguration/Soziale Netzwerke/Facebook. Um sich den Anwendungs-Geheimcode von Facebook anzeigen zu lassen, klicken Sie dort im Konfigurationsbildschirm auf Anzeigen. 6

7 15. Auf der Facebook-Seite gehen Sie nun zu Status & Review. 16. Ändern sie die Option in I, damit die Funktion allgemein nutzbar ist. Ab jetzt ist Ihre Shop-Anwendung auf Facebook unter folgender Adresse zugänglich: 7

8 3 Eine Seite auf Facebook erstellen Nachdem Sie eine Facebook-Anwendung erstellt haben, müssen Sie als nächstes eine Facebook-Seite erstellen, auf der die Anwendung funktioniert. 1. Loggen Sie sich auf Ihrem Facebook-Konto ein (dasselbe wie für die Facebook-Anwendung) 2. Wählen Sie am linken Rand der Seite den Link Seite erstellen. 3. Wählen Sie eine Option aus, die Ihren Interessen entspricht. 8

9 4. Je nach gewählter Option füllen Sie die entsprechenden Felder aus und klicken anschließend auf Los geht s Ihr Facebook-Seite wird erstellt und die URL wird in der Browser-Adressleiste angezeigt. 5. Kopieren Sie die URL in die Zwischenablage. 6. Fügen Sie die Adresse in den Administrations-Bereich des Webshops, unter Konfiguration/Soziale Netzwerke/Facebook, im Feld Seitenadresse ein Ihr Webshop ist nun mit Ihrer Facebook-Seite verbunden und Sie können das Facebook-Plugin nutzen. 4 Facebook-Plugins aktivieren Das Facebook Plugin können im Webshop an jedem beliebigen Ort platziert werden. Dazu muss das Facebook-Plugin hinzugefügt und in den Konfigurationsoptionen ausgewählt werden, welches Plugin zu sehen sein soll. Auch ist es möglich, benutzerdefinierte Plugins zu nutzen. Dazu müssen Sie die Codes von der Facebook-Seite holen. 9

10 4.1 Gefällt mir-button aktivieren Der Button Gefällt mir ermöglicht dem Besucher zu zeigen, dass ihm Ihr Shop gefällt. 1. Gehen Sie zu Konfiguration/Soziale Netzwerke/Facebook -> Karteireiter Konfiguration. 2. Füllen Sie das Feld Seitenadresse aus. 3. Gehen Sie zu Konfiguration/Plugins. 4. Fügen Sie das Facebook-Plugin hinzu. 5. Gehen Sie zum Karteireiter Konfiguration. 6. Wählen Sie den Gefällt mir-button in der Konfiguration des Plugins. 7. Speichern Sie Ihre Eingaben. 10

11 Der Gefällt mir-button ist nun fertig eingerichtet. Der Screenshot zeigt, wie der Button auf Ihrem Webshop aussehen kann. 4.2 Gefällt mir-box aktivieren Die Gefällt mir-box ist eine spezielle Version des Gefällt mir-buttons, die einzig für Facebook-Seiten entwickelt wurde. Sie ermöglicht den Administratoren, ihre Seite zu promoten und einfache Feed-Inhalte einer Seite in andere einzubinden. 1. Gehen Sie zu Konfiguration/Soziale Netzwerke/Facebook -> Karteireiter Konfiguration. 2. Füllen Sie das Feld Seitenadresse aus. 3. Gehen Sie zu Konfiguration/Plugins. 4. Fügen Sie das Facebook-Plugin hinzu. 5. Wählen Sie die Gefällt mir-box in der Konfiguration des Plugins. 6. Speichern Sie Ihre Eingaben. 11

12 4.3 Kommentare aktivieren Das Plugin Kommentare ermöglicht den Kunden, Kommentare, die Ihren Shop betreffen, zu hinterlassen. 1. Gehen Sie zu Konfiguration/Soziale Netzwerke/Facebook -> Karteireiter Konfiguration. 2. Füllen Sie die Felder Seitenadresse, Anwendungs-ID und Anwendungs-Geheimcode aus. 3. Gehen Sie zu Konfiguration/Plugins. 4. Fügen Sie das Facebook-Plugin hinzu. 5. Wählen Sie die Kommentare-Box in der Konfiguration des Plugins. 6. Speichern Sie Ihre Eingaben. 4.4 Mit Hilfe des Facebook-Kontos im Webshop anmelden Sie können Ihr Webshop-Benutzerkonto mit Ihrem Facebook-Konto verknüpfen und sich somit über Facebook in den Webshop einloggen. Dazu gehen Sie wie folgt vor: 1. Gehen Sie zu Konfiguration/Soziale Netzwerke/Facebook-> Karteireiter Konfiguration. 2. Füllen Sie die Felder Seitenadresse, Anwendungs-ID und Anwendungs-Geheimcode aus. 3. Gehen Sie zu Konfiguration/Plugins. 4. Fügen Sie das Facebook-Plugin hinzu. 5. Wählen Sie die Option Mit Facebook anmelden in der Konfiguration des Plugins. 6. Speichern Sie Ihre Eingaben. Sie können zudem dem Facebook-Portal Ihr Shop-Konto zuweisen: 7. Gehen Sie im Kundenprofil auf den Reiter Soziale Netzwerke. 8. Wählen Sie die Option Mit Facebook anmelden aus. 12

13 4.5 Benutzerdefiniertes Plugin aktivieren Auch andere Zugangs-Plugins sind möglich, Sie finden diese unter: 1. Um den Code für das Plugin zu erhalten, klicken Sie auf des gewählten Plugins. 2. Anschließend wählen Sie in dem sich öffnenden Fenster das Format XFBML: 3. Kopieren Sie den Code aus dem letzten Feld in die Zwischenablage. 4. Fügen Sie den Code in der Konfiguration des Facebook Plugins ein. 13

14 5. Speichern Sie Ihre Eingaben. 14

15 Comarch Cloud Produkte weil Wachstum flexible IT braucht. Comarch Software und Beratung AG Riesstr München Deutschland Tel.: Fax: info@comarch.de