Jak utworzyć własny kanał zdjęć Instagramu w WordPress?

Czy chcesz utworzyć własny kanał Instagramu w WordPress?

Kanał na Instagramie może sprawić, że twoja witryna będzie świeża i angażująca, a jednocześnie zapewni ci więcej polubień, udostępnień i obserwujących na Instagramie.

W tym artykule pokażemy ci, jak łatwo stworzyć własny kanał zdjęć Instagramu dla twojej witryny internetowej WordPress.

Dlaczego warto umieścić kanał Instagramu na Twojej witrynie WordPress?

Osadzanie kanału Instagramu na witrynie WordPress pozwala wyświetlać świeże treści odwiedzającym bez konieczności wykonywania dodatkowej pracy. Zachęca również czytelników do śledzenia Cię na Instagramie.

Zamiast ręcznie dodawać obrazki w edytorze bloków WordPress, możesz po prostu utworzyć kanał, który będzie aktualizowany automatycznie za każdym razem, gdy wpiszesz nowe zdjęcia na Instagramu. Możesz nawet wyświetlać zdjęcia innych osób na swojej witrynie, tworząc kanał z hashtagiem.

Na poniższym obrazku można zobaczyć przykład marki, która wykorzystuje niestandardowy kanał Instagramu do wyświetlania treści generowanych przez użytkowników.

W ten sposób można wykorzystać własny kanał Instagramu, aby zapewnić wartościowy dowód społeczny i zarobić więcej pieniędzy online.

W związku z tym zobaczmy, jak utworzyć własny kanał zdjęć Instagramu w WordPress.

Jak utworzyć własny kanał zdjęć Instagramu w WordPressie?

Najprostszym sposobem na dodanie kanału zdjęć z Instagrama do twojej witryny jest użycie wtyczki Smash Balloon Instagram Feed. Jest to najlepsza wtyczka Instagram dla WordPressa, która umożliwia błyskawiczne wyświetlanie treści z twojego konta na Instagramie.

Jest to również najprostszy sposób na poprawienie problemu oEmbed Facebooka i Instagrama w WordPressie.

W naszym poradniku omówimy kilka kroków i możesz skorzystać z poniższych odnośników, aby przejść do różnych sekcji:

Jak połączyć konto na Instagramie z WordPressem

Najpierw należy zainstalować i włączyć wtyczkę Smash Balloon Instagram Feed. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź do strony Instagram Feed ” Settings z kokpitu WordPressa.

Następnie wpisz twój klucz licencyjny Smash Balloon w polu „License Key”.

Informacje te można znaleźć w e-mailu z potwierdzeniem, który otrzymałeś przy zakupie Smash Balloon, a także na Twoim koncie Smash Balloon.

Gdy to zrobisz, kliknij przycisk „Włączanie”.

Teraz możesz utworzyć własny kanał Instagramu. Aby rozpocząć, wybierz Kanał Instagramu ” Wszystkie kanały, a następnie kliknij przycisk „Utwórz nowy”.

Smash Balloon pokaże teraz wszystkie rodzaje kanałów Instagramu, które można utworzyć.

Po prostu wybierz rodzaj kanału, który chcesz dodać do WordPressa i kliknij „Dalej”.

Jeśli chcesz tylko wyświetlać swoje zdjęcia na Instagramie, możesz użyć osobistego konta na Instagramie. Będziesz jednak potrzebować konta Business Instagram, jeśli chcesz utworzyć kanał z hashtagiem lub wyświetlać wpisy, w których twoje konto jest otagowane.

Wskazówka: Nie masz konta biznesowego? Aby przekształcić twoje osobiste konto na Instagramie w konto biznesowe, po prostu postępuj zgodnie z instrukcjami krok po kroku Smash Balloon.

Jeśli wybierzesz opcję „Opublikuj hashtag”, będziesz musiał wpisać hashtagi, których chcesz użyć. Aby wyświetlić wiele hashtagów w tym samym kanale, wystarczy oddzielić każdy z nich przecinkiem.

Gdy to zrobisz, kliknij „Dalej”.

Czy chcesz wyświetlać wpisy, w których Twoje konto jest oznaczone tagami? Zamiast tego należy wybrać opcję „Wpisy z tagami”, a następnie kliknąć przycisk „Dalej”.

Bez względu na to, jaki rodzaj kanału Instagramu tworzysz, będziesz musiał połączyć WordPress ze swoim kontem na Instagramie.

Aby rozpocząć, kliknij przycisk „Dodaj źródło”.

Następnie wybierz, czy chcesz wyświetlać obrazki z konta osobistego czy firmowego.

Jeśli wybierzesz przycisk obok opcji „Osobiste”, Smash Balloon domyślnie nie umieści awatara i biogramu z Instagrama w twoim nagłówku. Zawsze możesz jednak dodać awatar i biogram z Instagrama ręcznie w ustawieniach wtyczki.

Po wybraniu między kontem biznesowym a osobistym wystarczy kliknąć „Zaloguj się przez Facebooka”.

Teraz możesz wybrać konto na Instagramie, które ma pełnić funkcję Twojej witryny internetowej WordPress i kliknąć „Dalej”.

Następnie zaznacz pole obok strony na Facebooku, która jest odnośnikiem do konta na Instagramie, którego chcesz użyć.

Po wykonaniu tej czynności należy kliknąć przycisk „Dalej”.

Zobaczysz teraz wyskakujące okienko ze wszystkimi informacjami, do których Instagram Feed Pro będzie miał dostęp i działaniami, które może wykonać.

Aby ograniczyć dostęp wtyczki do twojego konta na Instagramie, po prostu kliknij dowolny przełącznik, aby zmienić go z „Tak” na „Nie”. Pamiętaj tylko, że może to mieć wpływ na zdjęcia, które pojawiają się na twoim blogu lub witrynie internetowej WordPress.

Mając to na uwadze, zalecamy pozostawienie wszystkich przełączników włączonych. Gdy będziesz zadowolony z konfiguracji kanału, kliknij „Gotowe”.

Zobaczysz teraz wyskakujące okienko z kontem Instagram, które właśnie dodałeś do swojej witryny internetowej.

Wystarczy zaznaczyć pole obok tego konta, a następnie kliknąć „Dodaj”.

Instagram Feed Pro przeniesie Cię z powrotem do ekranu Kanały Instagramu ” Wszystkie kanały.

Aby utworzyć własny kanał Instagramu, po prostu zaznacz pole obok konta Instagram, którego chcesz użyć. Następnie kliknij „Dalej”.

Wtyczka utworzy teraz kanał zdjęć Instagramu, który można dodać do dowolnej strony, wpisu lub obszaru gotowego na widżet.

Jak dostosować Twój kanał zdjęć na Instagramie?

Domyślnie Smash Balloon otworzy twój kanał w edytorze, gotowy do dostosowania.

Po prawej stronie zobaczysz podgląd twojego kanału zdjęć Instagramu. Po lewej stronie znajdują się wszystkie ustawienia, których możesz użyć, aby dostosować kanał mediów społecznościowych.

Większość z tych ustawień nie wymaga wyjaśnień, ale szybko omówimy kilka kluczowych obszarów.

Aby zmienić układ, wystarczy kliknąć „Feed Layout” w menu po lewej stronie. Możesz teraz wybrać układ Grid, Masonry lub Carousel.

Dostępny jest również układ Highlighted, który domyślnie podświetla co trzecie zdjęcie.

Po kliknięciu różnych opcji podgląd na żywo zostanie automatycznie zaktualizowany, aby pokazać nowy układ. Ułatwia to wypróbowanie różnych projektów i znalezienie preferowanego.

Domyślnie Smash Balloon wyświetla taką samą liczbę zdjęć na komputerach stacjonarnych i urządzeniach mobilnych. Możesz podglądać, jak kanał Instagramu będzie wyglądał na komputerach stacjonarnych, tabletach i smartfonach, korzystając z rzędu przycisków w prawym górnym rogu.

Smartfony i tablety mają zazwyczaj mniejsze ekrany i mniejszą moc obliczeniową, dlatego warto wyświetlać mniej zdjęć i filmów z Instagrama na urządzeniach mobilnych.

Aby to zrobić, wystarczy wpisać inną liczbę w polu „Mobile” pod „Liczba wpisów”.

Domyślnie Smash Ballon podzieli twoje zdjęcia na 4 kolumny na komputerach stacjonarnych, 2 kolumny na tabletach i jedną kolumnę na urządzeniach mobilnych.

Chcesz użyć innej liczby kolumn? Następnie przewiń do sekcji „Kolumny” w menu po lewej stronie.

Możesz teraz wpisać nowy rodzaj numeru w polach Desktop, Tablet lub Mobile.

Aby upewnić się, że twój kanał Instagramu wygląda dobrze na urządzeniach mobilnych, warto zobaczyć mobilną wersję twojej witryny internetowej WordPress.

Po wprowadzeniu twoich zmian, kliknij odnośnik „Dostosuj”. Spowoduje to powrót do głównego edytora Smash Balloon, gotowego do eksploracji kolejnego ekranu ustawień, którym jest „Schemat kolorów”.

Domyślnie Smash Balloon używa schematu kolorów odziedziczonego z twojego motywu WordPress, ale ma również motywy „Light” i „Dark”, których możesz chcieć użyć na swoim kanale Instagramu.

Możesz nawet stworzyć własny schemat kolorów, wybierając opcję „Dostosuj”, a następnie korzystając z ustawień, aby zmienić kolor odnośnika, kolor tła, kolor tekstu w WordPressie i inne.

Domyślnie Smash Balloon dodaje nagłówek do kanału Instagramu, który jest Twoim zdjęciem profilowym i nazwą Twojej strony. Może to zapewnić przydatny dodatkowy kontekst, aby odwiedzający zrozumieli, skąd pochodzą te obrazki.

Aby zmienić wygląd tej sekcji, należy powrócić do głównego ekranu ustawień, a następnie wybrać opcję „Nagłówek”.

Na tym ekranie możesz zmienić kolor tła, wyświetlić twój biogram na Instagramie, zmienić rozmiar nagłówka i nie tylko.

Domyślnie nagłówek zawiera Twoje zdjęcie profilowe z Instagrama. Możesz jednak chcieć wyświetlić inny obrazek, taki jak własne logo Twojej witryny.

Aby zmienić zdjęcie profilowe, kliknij „Dodaj obrazek” w sekcji „Pokaż własny awatar”. Następnie możesz wybrać obrazek z biblioteki multimediów WordPress lub przesłać nowe zdjęcie.

Możesz również dodać inny biogram. Na przykład, możesz dodać wezwanie do działania, które zachęci ludzi do przejścia na twoją stronę na Instagramie.

Aby utworzyć unikatowy biogram na Instagramie, wystarczy wpisać go w polu „Dodaj własny biogram”.

Gdy będziesz zadowolony z wyglądu nagłówka, kliknij odnośnik „Dostosuj”, aby powrócić do głównego ekranu ustawień.

Teraz należy kliknąć na „Wpisy”.

Na początek możesz przełączać się między układem pudełkowym i zwykłym dla poszczególnych wpisów w kanale Instagramu.

W tym celu należy wybrać opcję „Styl wpisu”.

Możesz teraz kliknąć, aby wybrać układ, którego chcesz użyć.

Jeśli wybierzesz opcję „Boxed”, możesz zmienić kolor tła, dodać cień ramki i zwiększyć promień obramowania, aby utworzyć zakrzywione rogi.

Gdy będziesz zadowolony z twoich zmian, po prostu kliknij odnośnik „Wpisy”, aby powrócić do poprzedniego ekranu Smash Balloon.

Tym razem wybierz opcję „Obrazki i filmy”.

Smash Balloon automatycznie analizuje twoje zdjęcia z Instagrama i wyświetla je w najlepszej rozdzielczości. Zalecamy korzystanie z tych domyślnych ustawień, ponieważ mają one na celu zwiększenie szybkości i wydajności twojego WordPressa. W razie potrzeby można jednak powiększyć lub zmniejszyć obrazki z Instagrama.

Aby zmienić rozmiar obrazka, wystarczy otworzyć menu rozwijane „Rozdzielczość” i wybrać z listy jeden z domyślnych rozmiarów obrazków WordPress.

Ponownie kliknij odnośnik „Wpisy”, aby powrócić do poprzedniego ekranu.

Tym razem wybierz opcję „Podpis”. Na następnym ekranie możesz wyświetlić podpis Instagrama obok każdego obrazka, klikając suwak „Włącz”.

Spowoduje to otwarcie nowych opcji konfiguratora, w których można zmienić rozmiar i kolor tekstu oraz ustawić maksymalną długość tekstu.

Po wykonaniu tej czynności wystarczy kliknąć odnośnik „Wpisy”, aby powrócić do poprzedniego ekranu.

Kolejne ustawienie to „Podsumowanie polubień i komentarzy”.

Tutaj możesz dodać lub ukryć całkowitą liczbę polubień i komentarzy do każdego obrazka. Jeśli twoje wpisy na Instagramie cieszą się dużym zaangażowaniem, liczby te mogą zachęcić ludzi do przejścia na twoją stronę na Instagramie lub rozpoczęcia śledzenia cię w mediach społecznościowych.

Jak zawsze, należy kliknąć na „Wpisy”, aby powrócić do wcześniejszego ekranu.

Ostatnią opcją jest „Hover State”, czyli nakładka, którą Smash Balloon dodaje do wpisu po najechaniu na niego myszką.

Tutaj możesz wybrać informacje, które Smash Balloon pokazuje, gdy ktoś najedzie kursorem na wpis, korzystając z ustawień w sekcji „Informacje do wyświetlenia”.

Można również zmienić kolor nakładki po najechaniu kursorem.

Gdy będziesz zadowolony z wprowadzonych zmian, kliknij odnośnik „Dostosuj”.

Spowoduje to powrót do głównej strony ustawień Smash Balloon, na której można kliknąć kartę „Wczytywanie kolejnych przycisków”.

W tym miejscu można wyróżnić przycisk „Wczytuj więcej”, zmieniając jego kolor tła, kolor tekstu i stan najechania kursorem.

Możesz również spróbować dodać twój własny komunikat do przycisku, wpisując go w polu „Tekst”.

Chociaż zalecamy pozostawienie tego przycisku włączonego, można go usuwać. Na przykład, możesz zachęcić ludzi do przejścia na Twój Instagram, ograniczając liczbę zdjęć, które mogą zobaczyć na Twojej witrynie.

Aby usunąć przycisk, wystarczy wyłączyć pokaz slajdów „Włącz”, aby zmienił kolor na szary.

Jeśli odwiedzającym spodoba się to, co widzą, mogą zdecydować się na subskrypcję za pomocą przycisku „Obserwuj na Instagramie”, który pojawia się poniżej osadzanego kanału.

Ponieważ jest to tak ważny przycisk, możesz dodać własny konfigurator, aby go wyróżnić. Aby to zrobić, wybierz „Dostosuj”, aby powrócić do głównego ekranu ustawień. Następnie wybierz „Przycisk śledzenia” w menu po lewej stronie.

Tutaj można zmienić kolor tła przycisku, stan najechania kursorem i kolor tekstu.

Domyślnie przycisk wyświetla etykietę „Obserwuj na Instagramie”.

Możesz je zastąpić twoimi własnymi wiadomościami, wpisując je w polu „Tekst”.

Smash Balloon posiada wbudowany lightbox, który umożliwia odwiedzającym otwieranie twoich zdjęć i filmów z Instagrama bez opuszczania witryny internetowej.

Aby skonfigurować tę funkcję, wróć do głównego ekranu ustawień Smash Balloon, a następnie kliknij „Lightbox”.

Tutaj możesz zmienić liczbę komentarzy, które Smash Balloon wyświetli w (oknie) lightbox.

Jeśli nie chcesz korzystać z funkcji lightbox, możesz ją wyłączyć za pomocą pokazu slajdów „Włącz”.

Gdy będziesz zadowolony z wyglądu kanału na Instagramie, nie zapomnij kliknąć „Zapisz”, aby zapisać twoje zmiany.

Jesteś teraz gotowy, aby dodać kanał Instagramu do swojej witryny internetowej WordPress.

Wyświetlanie kanału z twoimi zdjęciami z Instagramu w WordPressie

Własny kanał Instagramu można dodać do witryny internetowej za pomocą bloku, widżetu lub krótkiego kodu.

Jeśli utworzyłeś więcej niż jeden kanał za pomocą Smash Balloon, będziesz musiał znać kod kanału, aby użyć widżetu lub bloku.

Aby uzyskać ten kod, musisz przejść do kanału Instagramu ” Wszystkie kanały, a następnie skopiować tekst w sekcji „Krótki kod”.

Na poniższym obrazku będziemy musieli użyć instagram-feed feed=4.

Jeśli chcesz osadzać kanał Instagramu na stronie lub we wpisie, możesz użyć bloku Instagram Feed.

Wystarczy otworzyć stronę lub wpis, w którym chcesz osadzać swój własny kanał Instagramu. Następnie kliknij ikonkę „+”, aby utworzyć nowy blok i zacznij wpisywać „kanał Instagramu”.

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony lub wpisu.

Blok będzie domyślnie pokazywał jeden z twoich kanałów Instagramu. Jeśli chcesz wyświetlić inny kanał Smash Balloon, znajdź „Ustawienia krótkiego kodu” w menu po prawej stronie.

Tutaj wystarczy dodać krótki kod, a następnie kliknąć „Zastosuj zmiany”.

Jeśli jesteś zadowolony z wyglądu własnego kanału Instagramu, możesz opublikować lub zaktualizować stronę.

Inną opcją jest dodanie widżetu kanału Instagramu do twojej witryny internetowej. Jest to świetny sposób na pokazanie kanału Instagramu na każdej stronie twojej witryny. Można na przykład dodać widżet Instagram do panelu bocznego lub stopki motywu WordPress.

Aby dodać widżet kanału Instagramu do twojej witryny, przejdź do Wygląd ” Widżety. Następnie kliknij niebieską ikonkę „+” u góry ekranu.

W wyświetlonym panelu wpisz „Instagram Feed”, aby znaleźć odpowiedni widżet.

Jak widać na poniższym obrazku, istnieją dwa widżety kanału Instagramu, więc upewnij się, że używasz właściwego.

Następnie wystarczy przeciągnąć widżet na obszar, w którym chcesz wyświetlać kanał Instagramu, taki jak panel boczny lub podobna sekcja.

Widżet automatycznie wyświetli jeden z kanałów utworzonych za pomocą Smash Balloon. Jeśli nie jest to własny kanał Instagramu, który właśnie utworzyłeś, wpisz kod kanału w polu „Ustawienia krótkiego kodu”.

Następnie kliknij przycisk „Zastosuj zmiany”.

Możesz teraz sprawić, by widżet stał się aktywny, klikając przycisk „Aktualizuj”. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku na temat dodawania i korzystania z widżetów w WordPress.

Inną opcją jest osadzanie kanału Instagramu na dowolnej stronie, wpisie lub w obszarze gotowym na widżet za pomocą krótkiego kodu.

Wystarczy przejść do kanału Instagramu ” Wszystkie kanały i skopiować kod w kolumnie „Krótki kod”. Teraz możesz dodać ten kod do dowolnego bloku z krótkim kodem. Aby uzyskać pomoc w umieszczeniu krótkiego kodu, zapoznaj się z naszym przewodnikiem na temat dodawania krótkich kodów.

Korzystasz z motywu włączającego bloki? W takim razie możesz użyć pełnego edytora witryny, aby dodać blok kanału Instagramu w dowolnym miejscu na twojej witrynie internetowej WordPress.

W kokpicie przejdź do Wygląd ” Edytor.

Domyślnie edytor całej witryny wyświetla szablon główny motywu.

Jeśli chcesz dodać kanał Instagramu do innego obszaru, kliknij „Szablon” lub „Fragmenty szablonu”.

Edytor wyświetli teraz listę wszystkich fragmentów szablonu, które składają się na twój motyw WordPress.

Wystarczy kliknąć szablon, w którym chcesz wyświetlić kanał Instagramu.

WordPress wyświetli teraz podgląd projektu.

Aby edytować ten szablon, kliknij małą ikonkę ołówka.

Po wybraniu szablonu, po prostu najedź myszką na obszar, w którym chcesz dodać kanał zdjęć z Instagramu.

Następnie kliknij niebieski przycisk „+”.

Gdy już to zrobisz, musisz wpisać „kanał Instagramu”.

Gdy pojawi się odpowiedni blok, kliknij go, aby dodać go do szablonu.

Jak zawsze, Smash Balloon domyślnie wyświetla kanał. Możesz zmienić ten kanał, dodając krótki kod zgodnie z tym samym procesem opisanym powyżej.

Bonus: Pozwól klientom kupować twoje produkty za pośrednictwem Instagrama

Jeśli posiadasz sklep internetowy, możesz również wykorzystać swój własny kanał na Instagramie, aby łatwo sprzedawać swoje produkty.

Smash Balloon Instagram Feed Pro umożliwia tagowanie obrazków z Instagramu odnośnikami do produktów, dzięki czemu użytkownicy mogą klikać na nie i kupować je bezpośrednio, zamiast przechodzić przez strony z twoimi produktami. Może to zwiększyć sprzedaż i zyski w twoim sklepie.

Aby uzyskać więcej informacji, zapoznaj się z naszym kompletnym przewodnikiem na temat dodawania obrazków do zakupów na Instagramie w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak utworzyć własny kanał Instagramu w WordPress. Warto również zapoznać się z naszym porównaniem najlepszych wtyczek WordPress do rozdawania nagród, aby zwiększyć liczbę obserwujących w mediach społecznościowych i dowiedzieć się, jak utworzyć biuletyn e-mail z naszym przewodnikiem dla początkujących.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.