Integracja z Facebook. Wersja 7.2.4

Transkrypt

1 Integracja z Facebook Wersja 7.2.4

2 UWAGA Prawa wynikające z Warunków Gwarancji Użytkownik nabywa po rejestracji programu u Producenta. Dokumentem potwierdzającym rejestrację jest Certyfikat Rejestracji Oprogramowania, który Użytkownik otrzymuje od razu wraz z Oprogramowaniem lub po odesłaniu wypełnionej karty rejestracyjnej. Każdorazowo przy nabyciu nowego programu lub odtworzeniu gwarancji w Certyfikacie Rejestracji Oprogramowania określone są daty obowiązywania gwarancji na poszczególne programy. W przypadku wątpliwości dotyczącej zarejestrowania Oprogramowania lub w przypadku nieotrzymania Certyfikatu Rejestracji Oprogramowania prosimy o kontakt z Producentem (12) UWAGA! Użytkowanie nielegalnej kopii naraża Użytkownika programu na postępowanie karne zgodnie z ustawą o prawie autorskim z dnia r. Użytkowanie legalnie nabytej kopii oprogramowania w wersji otrzymanej w trakcie obowiązywania gwarancji jest możliwe bez żadnych ograniczeń czasowych. Gwarancja na oprogramowanie umożliwia: Uzyskanie kolejnych wersji programów na warunkach preferencyjnych (bezpłatne nowe wersje oprogramowania w okresie gwarancyjnym - nie dotyczy kosztów dostarczenia, nośnika instalacji oraz szkolenia) Zakup kolejnych stanowisk lub innych programów do kompletu Korzystanie z konsultacji autorskich u Producenta lub pomocy serwisu technicznego W trosce o sprawną obsługę gwarancyjną prosimy o staranne przechowywanie Certyfikatu Rejestracji Oprogramowania oraz podawanie numeru ewidencyjnego w trakcie kontaktów z Producentem. KONTAKT Dowiedz się więcej o Systemie Obsługi Zgłoszeń >> Telefon do asysty: wew. 2 Integracja Facebook 2 v.7.2.4

3 Spis treści 1 TWORZENIE APLIKACJI DLA COMARCH ERP E-SKLEP NA FACEBOOK TWORZENIE APLIKACJI NA FACEBOOKU TWORZENIE STRONY NA FACEBOOKU PRZYCISK LUBIĘ TO NA SZCZEGÓŁACH PRODUKTU LOGOWANIE DO SKLEPU ZA POMOCĄ KONTA FACEBOOK POZOSTAŁE WTYCZKI SPOŁECZNOŚCIOWE TWORZENIE APLIKACJI DLA COMARCH ERP E-SKLEP (POPRZEDNIA WERSJA FACEBOOK DEVELOPERS) TWORZENIE APLIKACJI NA FACEBOOKU Integracja Facebook 3 v.7.2.4

4 1 Tworzenie aplikacji dla Comarch ERP e-sklep na Facebook Uwaga: Zgodnie z polityką wprowadzoną przez Facebook, aby utworzyć nową aplikację wymagane jest posiadanie certyfikatu SSL na stronie sklepu, dla którego jest tworzona. 1.1 Tworzenie Aplikacji na Facebooku Poniżej został opisany proces dodania i odpowiednio skonfigurowania Aplikacji na Facebooku, która jest niezbędna do uruchomienia sklepu wewnątrz serwisu Facebook. Po stworzeniu Aplikacji zostaną wygenerowane dane (ID aplikacji, Ukryty kod aplikacji oraz Adres sklepu), które są niezbędne do skonfigurowania Comarch ERP e- Sklep z Facebookiem. 1. Zaloguj się na swoje konto na Facebooku (wymagane jest posiadanie konta FB) 2. Przejdź na stronę: 3. Następnie wybierz Aplikacje 4. Kliknij na Utwórz nową aplikację z menu, które się rozwinie. 5. Wpisz Nazwę aplikacji (Wyświetl nazwę) oraz Nazwę sklepu (Namespace - ostatni człon adresu, pod jakim będzie wyświetlał się sklep na Facebooku), wybierz kategorię i kliknij utwórz aplikację: Integracja Facebook 4 v.7.2.4

5 6. Przepisz tekst zabezpieczający z obrazka, który się pojawi. 7. Następnie pojawi się panel aplikacji. W tym miejscu przejdź do obszaru Ustawienia, aby kontynuować konfigurację. 8. W ustawieniach kliknij na Dodaj platformę Integracja Facebook 5 v.7.2.4

6 9. W nowym oknie wybierz 10. W celu uruchomienia sklepu na Facebooku skonfiguruj Aplikację w następujący sposób i zapisz wprowadzone dane: Opis pól: App Domains wpisz adres sklepu Adres URL kanwy wpisz adres sklepu z przedrostkiem i zakończony /fb.aspx?f=1 Secure Canvas URL - wpisz adres sklepu z przedrostkiem i zakończony /fb.aspx?f=1 Canvas Fixed Width zaznacz TAK dla stałej szerokości aplikacji Canvas Fixed Height zaznacz TAK dla stałej wysokości 11. Przenieś odpowiednie dane do konfiguracji w Panelu administracyjnym sklepu w obszarze Konfiguracja/Portale społecznościowe/facebook (aby wyświetlić ukryty kod aplikacji App Secret, kliknij w wyświetl) Integracja Facebook 6 v.7.2.4

7 12. Następnie przejdź do obszaru Status & Review 13. Zmień opcję na TAK, żeby aplikacja była ogólnodostępna 14. Od teraz Twój sklep na Facebook jest dostępny pod adresem Tworzenie strony na Facebooku Poniżej został opisany proces tworzenia strony na Facebooku. Po stworzeniu strony zostanie utworzony adres strony na Facebooku, niezbędny do uruchomienia wtyczki Box Lubię to. 1. Zaloguj się na swoje konto na Facebooku (wymagane jest posiadanie konta FB) 2. Na samym dole strony wybierz link Utwórz stronę 3. Wybierz opcję odpowiednią do swojej działalności. Integracja Facebook 7 v.7.2.4

8 4. W zależności od wybranej opcji uzupełnij odpowiednie pola i kliknij Zacznij 5. Po utworzeniu strony, w pasku przeglądarki pojawi się adres do strony na Facebooku, skopiuj go do schowka. 6. Wklej adres w Panelu administracyjnym w obszarze Konfiguracja/Portale społecznościowe/facebook w pole Adres strony, dzięki temu będziesz mógł korzystać z pluginu Facebook w sklepie. Integracja Facebook 8 v.7.2.4

9 1.3 Przycisk Lubię to na szczegółach produktu Żeby wyświetlić przycisk Lubię to na szczegółach produktu, należy jedynie zaznaczyć opcję aktywny w Panelu Administracyjnym w obszarze Konfiguracja/Portale społecznościowe/facebook. 1.4 Logowanie do sklepu za pomocą konta Facebook Po utworzeniu aplikacji na Facebook i uzupełnieniu pól Id aplikacji i ukryty kod aplikacji, możliwe jest logowanie do sklepu za pomocą konta Facebook, oraz powiązanie konta użytkownika z kontem Facebook. Aby umożliwić logowanie do sklepu za pomocą konta Facebook należy w esklepie dodać plugin Facebook i w jego konfiguracji wybrać opcję zaloguj się z Facebookiem. Integracja Facebook 9 v.7.2.4

10 Użytkownik może również przypisać swoje konto w sklepie do konta w portalu Facebook. Aby tego dokonać należy w profilu klienta przejść na zakładkę portale społecznościowe i wybrać opcję Powiąż konto w sklepie z kontem w serwisie. 1.5 Pozostałe wtyczki społecznościowe Pozostałe wtyczki społecznościowe Facebook można zamieścić w sklepie w dowolnie wybranym miejscu. W tym celu należy dodać plugin Facebook i w opcjach konfiguracyjnych wybrać, która wtyczka ma być wyświetlana. Możliwe jest również wyświetlenie wtyczki na podstawie kodu otrzymanego na stronach Facebook. Aby wyświetlić niektóre wtyczki konieczne jest uzupełnienie odpowiednich pól w Panelu administracyjnym w obszarze konfiguracja/portale społecznościowe/facebook. Przycisk Lubię to Przycisk Lubię to pozwala użytkownikowi polubić nasz esklep w serwisie. Do aktywacji tej wtyczki wystarczy zaznaczyć w konfiguracji Facebook w Panelu administracyjnym opcję aktywny. Box Lubię to Integracja Facebook 10 v.7.2.4

11 Box Lubię to umożliwia polubienie Twojej strony na Facebook, pozwala śledzić wpisy oraz pokazuje użytkowników, którzy ją polubili. Żeby aktywować tą wtyczkę należy uzupełnić w konfiguracji Facebook w Panelu administracyjnym pole adres strony. Komentarze Wtyczka Komentarze umożliwia klientom dodawanie komentarzy na temat Twojego sklepu. Żeby jej użyć należy uzupełnić pola Id aplikacji i ukryty kod aplikacji Niestandardowy Możliwe jest użycie innych wtyczek Facebook dostępnych pod adresem Aby pobrać kod klikamy na przycisk pojawi wybieramy format XFBML przy wybranym pluginie, a następnie w oknie, które się Na koniec kopiujemy kod z ostatniego pola I wklejamy go do konfiguracji pluginu Facebook Integracja Facebook 11 v.7.2.4

12 2 Tworzenie aplikacji dla Comarch ERP e-sklep (poprzednia wersja Facebook developers) Uwaga: Ten rozdział jest adresowany do użytkowników, którzy korzystają jeszcze z poprzedniej wersji Facebook developers. Uwaga: Zgodnie z polityką wprowadzoną przez Facebook, aby utworzyć now ą aplikację wymagane jest posiadanie certyfikatu SSL na stronie sklepu, dla którego jest tworzona. 2.1 Tworzenie Aplikacji na Facebooku Poniżej został opisany proces dodania i odpowiednio skonfigurowania Aplikacji na Facebooku, która jest niezbędna do uruchomienia sklepu wewnątrz serwisu Facebook oraz wyświetlenie wtyczek w sklepie internetowym. Po stworzeniu Aplikacji zostaną wygenerowane dane (ID aplikacji, Ukryty kod aplikacji oraz Adres sklepu), które są niezbędne do skonfigurowania Comarch ERP e-sklep z Facebookiem. 1. Należy zalogować się na swoje konto na Facebooku (wymagane jest posiadanie konta FB) 2. Wchodzimy na stronę: 3. Następnie wybieramy Apps 4. Klikamy na Create New App Integracja Facebook 12 v.7.2.4

13 5. Wpisujemy Nazwę aplikacji (App Display Name) oraz nazwę sklepu (App Namespace - ostatni człon adresu, pod jakim będzie się wyświetlać się sklep na Facebooku) i tworzymy aplikację: 6. Następnie pojawi się okno edycji aplikacji, w którym można zmodyfikować podstawowe informacje, m.in. dane kontaktowe, wgrać logo. Wyłącz tryb piaskownicy. Integracja Facebook 13 v.7.2.4

14 7. W celu uruchomienia w sklepie internetowym wtyczek FB oraz sklepu na Facebooku konfigurujemy Aplikację w następujący sposób: Integracja Facebook 14 v.7.2.4

15 Obszar Podstawowe informacje: App Domain należy wpisać adres sklepu (np. Obszar Strona z logowaniem za pomocą konta na Facebooku: Site URL należy podać adres URL strony (pełny adres z np. Obszar Aplikacja na Facebook: Integracja Facebook 15 v.7.2.4

16 Canvas URL - należy podać adres URL do sklepu internetowego i dopisać /fb.aspx? (np. Secure Canvas URL - należy podać adres URL do sklepu internetowego z przedrostkiem i dopisać na końcu /fb.aspx? (np. Canvas Height ustawić na 800px. Obszar Zakładka strony: Pages Tab name - należy podać nazwę sklepu na Facebooku Pages Tab URL - należy podać adres URL do sklepu internetowego i dopisać /fb.aspx (bez? ) (np. Secure Pages Tab URL - należy podać adres URL do sklepu internetowego z przedrostkiem i dopisać /fb.aspx (bez? ) (np. Po wprowadzeniu odpowiednich danych należy zapisać zmiany przyciskiem. 8. Następnie w panelu administracyjnym sklepu w Konfiguracja/Portale społecznościowe/facebook/zakładka Konfiguracja należy wkleić odpowiednie dane: ID aplikacji pole App ID Ukryty kod aplikacji pole App Secret Adres sklepu pole Namespace 9. Aby poprawić wyświetlanie sklepu na Facebooku (usunąć suwaki ze strony sklepu) pamiętaj, aby podczas konfiguracji w polu Canvas Height zaznaczyć opcję Fixed at (domyślnie: 800 piks.). Integracja Facebook 16 v.7.2.4

17 10. Sklep na Facebooku będzie widoczny pod adresem widocznym m.in. na Aplikacji w obszarze Canvas Page oraz w panelu administracyjnym/portale społecznościowe/facebook/zakładka Konfiguracja pole Adres sklepu. Integracja Facebook 17 v.7.2.4