Jak możemy Ci pomóc?

Galeria zdjęć z Instagramu


Dzięki tej aplikacji wyświetlisz zdjęcia z Instagrama na swoim sklepie.

W tym artykule:


Jak przejść na nową wersję aplikacji

Od dnia 20.02.2020 aplikację Instagram zastąpi aplikacja Gallery Widget. 

Zobaczysz ją w zakładce Zarządzaj aplikacjami

Zmiana ta nastąpi automatycznie, jednakże będziesz musiał ponownie się autoryzować. Nowa wersja wymaga zalogowania się przy pomocy konta na Facebook’u (sprawdź wymagania)

Do czasu zautoryzowania się kontem Facebook, nadal będziemy wyświetlać istniejące galerie na froncie sklepu, jednakże nie będą one aktualizowane.

Co należy zrobić? 

Przejdź do: Zarządzaj aplikacjami > Gallery widget > Zaloguj się przez Facebook. Po poprawnej autoryzacji, wszystkie Twoje galerie zostaną automatycznie przeniesione do nowej aplikcji.

Jeżeli w galerii były wprowadzone zmiany w kodzie dotyczące wyglądu widgetu, to w takim wypadku nowy kod galerii będzie trzeba umieścić ręcznie w szablonie sklepu. W tym celu możesz skontaktować się z nami.


Wymagania aplikacji

W tej chwili autoryzacja z Instagramem odbywa się przez Facebook’a.

Z aplikacji możesz korzystać jedynie, gdy Twoje konto na Instagramie posiada status firmowego lub twórcy. Konto musi być również połączone ze stroną na Facebooku.

Sprawdź jak połączyć konta Facebook i Instagram z poziomu Facebooka lub z poziomu Instagramu.

Jeżeli Twoje konto Instagrama nie jest w tej chwili połączone z Facebookiem, to sugerujemy przeprowadzić to połaczenie w aplikacji Instagram na urządzeniu mobilnym. Sprawdź jak to zrobić.


Instalacja aplikacji

Przejdź do Zarządzaj aplikacjami > Dodaj aplikację

Wyszukaj aplikację Gallery Widget i ją zainstaluj.

Następnie kliknij Zaloguj się przez Facebook

Wybierz konto przy pomocy którego chcesz się połączyć

Następnie zaznacz konto biznesowe Instagrama z którego chcesz korzystać

oraz FanPage, który jest połączony z tym kontem.

Po powrocie do panelu aplikacji wybierz stronę Facebook, która jest podłączona z kontem Instagrama, z którego chcesz wyświetlić zdjęcia na Twoim sklepie.


Tworzenie galerii i dostosowanie jej wyglądu

Przejdź do aplikacji klikając w zakładkę Zarządzaj aplikacjami > Gallery Widget > Stwórz galerię.

Ustawienia ogólne

Po kliknięciu w przycisk Dodaj galerię uzupełnij informacje, które będą pojawiać się w tytule galerii oraz jej opisie.

Następnie wybierz czy w galerii prezentowane mają być zdjęcia z Twojego konta. W tym miejscu, możesz też wykluczyć zdjęcia, których nie chcesz pokazywać używając do tego hashtagu ( # ) i nazw otagowanych kont.

W tym miejscu możesz wybrać też język, w którym wyświetlana będzie galeria.

Układ

W zakładce Układ możesz określić szerokości galerii, a także wybranie z ilu kolumn i wierszy ma się ona składać.

Kolory

W tym miejscu wybrać możesz kolorystykę swojej galerii.

Kolory wybrać możesz wybierając je bezpośrednio z palety lub podając numer hex.

Inne

Tutaj wybierzesz w jaki sposób można będzie obejrzeć kolejne zdjęcia w Twojej galerii oraz jakie informacje pojawiać będą się po najechaniu na zdjęcie.

Zapisz zmiany i gotowe!


Edycja utworzonej galerii

Przejdź do: Zarządzaj aplikacjami > Gallery Widget i kliknij w galerię, którą chcesz edytować. Możesz prowadzić dokładnie te same zmiany, jak podczas tworzenia nowej galerii.


Umieszczenie galerii na stronie


Dla szablonów utworzonych po 20.02.2020

Do szablonów utworzonych pod 20.02.2020 pierwsza utworzona galeria zostanie dodana automatycznie w miejsce “Zaślepki”

Upewnij się, że masz dodaną Zaślepkę dla aplikacji Gallery Widget, w miejscu gdzie chcesz ją umieścić.

Jeśli jej nie masz, to możesz ją dodać. Przejdź do zakładki Wygląd sklepu i wybierz Zmień układ przy szablonie, do którego chcesz dodać widget Instagramu. (Więcej informacji o zmianie układu szablonu)

Podczas edycji układu wybierz Instagram i dodaj element w miejscu, w którym chcesz wyświetlić zdjęcia.

Następnie zapisz zmiany.

Jeśli wyświetlana ma być inna galeria niż ta utworzona jako pierwsza, należy podmienić jej kod w szablonie.

  • Przejdź do aplikacji Gallery Widget > trzy kropki > skopiuj kod HTML.
  • Wyjdź z aplikacji. Przejdź do zakładki Wygląd sklepu > trzy kropki > Edytor HTML. 
  • Znajdź miejsce, w którym pojawia się galeria: base.tpl – jeżeli wyświetla się wszędzie, home.tpl – jeżeli zdjęcia pokazujesz tylko na stronie głównej sklepu
  • W kodzie znajdź część odpowiadającą za wyświetlanie galerii, będzie wyglądać tak:

WAŻNE:

Przy wklejaniu kodu nie usuwaj elementów zaznaczonych na zielono, zmienić powinna się tylko ta część zaznaczona fioletową ramką.

Po wklejeniu kodu nowej galerii zapisz zmiany.


Starsze szablony

Widget galerii na stronie Twojego sklepu możesz umieścić samodzielnie, korzystając z poniższych wskazówek. Jeśli jednak będziesz potrzebować pomocy, skontaktuj się z nami poprzez formularz kontaktowy.

Przejdź do aplikacji Gallery Widget > trzy kropki > skopiuj kod HTML.

Wyjdź z aplikacji. Przejdź do zakładki Wygląd sklepu > trzy kropki > Edytor HTML:

shoplo-instagram-edytor-html.png

Kolejny krok jest zależny od tego, gdzie chcesz umieścić galerię Instagramu.

np.:

a) Jeśli chcesz, by pojawiła się na wszystkich podstronach Twojego sklepu

przejdź do zakładki Szablon główny, a następnie base.tpl:

shoplo-instagram-base-tpl.png

Wklej skopiowany kod np. pomiędzy treścią a stopką strony. Odnajdź fragment kodu: {$page_content} i w linii pod nim umieść swój kod:

shoplo-instagram-page-content.png

Przykład wklejonego kodu:

shoplo-instagram-przyklad-kodu.png

Zapisz zmiany. Przejdź do podglądu – galeria pojawi się nad stopką na każdej podstronie Twojego sklepu.

b) Jeśli chcesz, by galeria pojawiła się tylko na stronie głównej Twojego sklepu:

Przejdź do zakładki Szablony, a następnie home.tpl:

shoplo-instagram-home-tpl.png

Wklej wcześniej skopiowany kod w odpowiednim miejscu. Przykładowo umieść go na końcu pliku, albo nad polem zapisu na newsletter (jeśli takie masz). Zapisz zmiany. Galeria pojawi się tylko na stronie głównej Twojego sklepu.


Usuwanie galerii

Jeżeli usuniesz w aplikacji wyświetlaną galerię, pamiętaj aby usunąć jej kod z szablonu. W razie potrzeby skontaktuj się z nami.


Przypinanie produktów do zdjęć

Aplikacja umożliwia również przypinanie produktów do zdjęć, dzięki czemu lepiej zaprezentujsz swoje produkty i ułatwisz klientom zakupy w Twoim sklepie.

W podglądzie galerii wybierz zdjęcie, do którego chcesz przypiąć produkt, a następnie kliknij w + Produkt przy zdjęciu.

Następnie zacznij wpisywać nazwę produktu znajdującego się na zdjęciu. Wybierz produkt z podpowiedzi i kliknij Dodaj.

Jeśli chcesz skorzystać z funkcjonalności oznaczania produktów, udostępnionej przez Instagram, skorzystaj z tej instrukcji obsługi.


Podłączenie innego konta Instagram

W celu podłączenia do aplikacji innego konta Instagram odinstaluj aplikację, zainstaluj ją ponownie i zaloguj się na inne konto.

Czy artykuł był pomocny?

Nie znalazłeś tego, co szukasz?

Skontaktuj się z nami
Team