Galeria zdjęć z Instagramu


Aplikacja Instagram umożliwi Ci zaprezentowanie galerii zdjęć z Instagramu w Twoim sklepie.

W tym artykule:


Instalacja aplikacji Instagram

Przejdź do tej strony i kliknij Zainstaluj dodatek.

shoplo-zainstaluj-instagram.png

Jeśli nie jesteś zalogowany do sklepu, będziesz to musiał zrobić teraz. Następnie potwierdź instalację dodatku.

shoplo-potwierdz-instalacje-instagrama.png

Po instalacji, zostaniesz od razu przeniesiony do aplikacji.

Połącz swój sklep z kontem na Instagramie - kliknij w przycisk Połącz

shoplo-polacz-konto-z-instagramem.png

Zaloguj się do Instagrama i autoryzuj aplikację Shoplo:

shoplo-autoryzacja-aplikacja-instagram.png


Utworzenie galerii i zmiana jej wyglądu

Przejdź do integracji: Dodatki > Zarządzaj aplikacjami >  Instagram > Stwórz galerię.

shoplo-stworz-galerie-instagrama.png

W polu Treści z Instagrama podaj nazwy kont, które chcesz połączyć ze sklepem poprzedzając je @; np. @nazwakonta. Możesz też użyć zdjeć oznaczonych hashtagiem (wpisując #przykładowy_hashtag):

shoplo-tresci-z-instagrama.png

Natomiast w polu Wykluczenia, według tych samych zasad, podaj nazwy kont lub hashtagi, które chcesz zablokować: 

shoplo-wykluczenia-z-instagrama.png

Po uzupełnieniu tych pól, kliknij Pobierz zdjęcia.

shoplo-instagram-pobierz-zdjecia.png

Przejdź do zakładki Wygląd widgetu:

shoplo-instagram-wyglad-widgetu.png

Określ rozmiar widgetu - możesz pozostawić zaznaczone domyślne opcje, by widget dopasowywał się automatycznie do wielkości strony. Jeśli chcesz określić własne wartości, odznacz domyślne opcje i wpisz je w odblokowanych polach:

shoplo-instagram-rozmiar-widgetu.png

W kolejnych polach określ liczbę kolumn i wierszy, w których mają pojawiać się zdjęcia. Zdecyduj też, czy zdjęcia mają być oddzielone odstępami. Poniżej znajdziesz przykładowe wartości:

shoplo-instagram-rozmieszczenie-zdjec.png

Zmień tytuł i opis - pojawią się one nad galerią na stronie Twojego sklepu: 

shoplo-instagram-tytul.png

Przejdź do zakładki Ustawienia widgetu.

shoplo-instagram-ustawienia-widgetu.png

Zaznacz wybrane checkboxy i zapisz zmiany. Poniżej przykładowe ustawienia:

shoplo-instagram-ustawienia-widgetu-przyklad.png

Ostatni krok ustawień wyglądu to wybór kolorów. Możesz je zmieniać klikając w kwadrat z danym kolorem:

shoplo-instagram-zmiana-kolorow.png

Zapisz zmiany i gotowe! 


Umieszczenie galerii na stronie

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 pisząc na adres: help@shoplo.com

Przejdź na listę galerii. Kliknij na zaznaczoną poniżej ikonę i skopiuj dostępny tam kod: 

shoplo-instagram-link.png

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 np. nad polem zapisu na newsletter (jeśli takie masz). Zapisz zmiany. Galeria pojawi się tylko na stronie głównej Twojego sklepu.


Przypinanie produktów do zdjęć

Jeśli chcesz, by klienci wiedzieli, który z Twoich produktów jest na danym zdjęciu - oznacz go na nim, a tym samym ułatw klientom zakupy. 

Przejdź do aplikacji Instagram i kliknij w zakładkę Przypnij produkty

shoplo-instagram-przypnij-produkty.png

Kliknij w przycisk Przypnij produkty, znajdujący się przy Twojej galerii: 

shoplo-instagram-przypnij-produkty-btn.png

Wybierz zdjęcie z galerii na dole, a następnie kliknij Przypnij produkty przy zdjęciu.

shoplo-instagram-wybierz-i-przypnij.png

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

shoplo_instagram-dodaj-wybrany-produkt.png

 Kliknij Zapisz i gotowe! Klienci zobaczą to tak:

shoplo-instagram-przypiety-produkt-przyklad.png


Zobacz wideo:

Nie znalazłeś tego, co szukasz? Skontaktuj się z nami