Nauka dodawania a Twitter karmić do twojego Shopify Witryna internetowa umożliwia Twojej marce zaprezentowanie swojej obecności w mediach społecznościowych na stronach takich jak strona główna, blog, a nawet strony produktów.
Wspaniała część dotycząca osadzania pliku Twitter paszy na Twojej stronie internetowej polega na tym, że aktualizuje się ona automatycznie Twitter zawartość Twojej witryny, co oznacza, że nie musisz kopiować postów z Twojej witryny Twitter strona.
Ponadto, a Twitter kanał to doskonały sposób na dodanie znacznej ilości zdjęć do Twojej witryny; korzysta wiele marek Twitter galerie lub kanały, które służą jako galerie obrazów na stronie głównej.
Istnieją dwa sposoby na dodanie Twitter karmić do twojego Shopify stronie internetowej:
- Dzięki aplikacji
- Osadzając kod dla a Twitter widget
W tym przewodniku przeprowadzimy Cię przez obie metody, pozwalając Ci zdecydować, która z nich będzie dla Ciebie najlepsza. Zalecamy wypróbowanie każdej opcji, ponieważ może się okazać, że jedna wygląda lub działa lepiej od drugiej, w zależności od układu witryny i przepływu pracy.
Czytaj dalej, aby dowiedzieć się wszystkiego o dodawaniu pliku Twitter nakarmić a Shopify stronie internetowej!
Jak dodać Twitter Karmić Shopify Strona internetowa
Na początek zastanowimy się, jak dodać plik Twitter karmić do Shopify z aplikacją. Istnieje kilka Twitter aplikacje w Shopify App Store, z których każdy zapewnia unikalną funkcjonalność. Niektóre dają Ci przyciski mediów społecznościowych, Twitter liczba obserwujących, a nawet automatyczne publikowanie. Jednak szukamy aplikacji do synchronizacji prądu Twitter kanał, wyświetlający określoną liczbę najnowszych postów z Twojego konta (lub innego konta publicznego).
Metoda 1: Dodaj Twitter Karmić Shopify z aplikacją
Niektóre są darmowe, inne płatne, Twitter aplikacje paszowe dostępne do pobrania za pośrednictwem Shopify Sklep z aplikacjami. W tym samouczku użyjemy Zestarda Twitter Aplikacja Feed, ponieważ zapewnia wymaganą funkcjonalność i jest bezpłatna. Jeśli zdecydujesz się na inną aplikację, sugerujemy najpierw wypróbować wszystkie bezpłatne aplikacje, ponieważ nie jest to funkcja, za którą powinieneś płacić.
Aby rozpocząć, zainstaluj Zestard Twitter Aplikacja do karmienia na Twoim Shopify sklep. Jeśli nadal zaczynasz Shopify, uczyć się jak stworzyć swój sklep tutaj. Możesz znaleźć aplikacje, logując się do swojego Shopify konto i zamierzam to zrobić Dodaj aplikacjelub przechodząc bezpośrednio do App Store.
Kliknij Dodaj aplikację Shopify A zatem sklep z aplikacjami Zainstaluj aplikację po powrocie do ekranu pulpitu nawigacyjnego z informacjami o uprawnieniach i prywatności.
Po zainstalowaniu zobaczysz nową kartę Twitter karmić pod Apps w zakładce Shopify. Jest też rozdział pt Jak korzystać aplikację, którą możesz wykonać, aby prawidłowo ją skonfigurować.
Przed wyświetleniem jakiejkolwiek zawartości wymagana jest pewna konfiguracja Twitter zasila frontend. Iść do Ustawienia osi czasu zacząć.
Na tej stronie znajduje się kilka pól umożliwiających dostosowanie ogólnego wyglądu i zawartości kanału.
Najważniejszym polem do wypełnienia jest Nazwa kanału; wpisz lub wklej w Twitter uchwyt, z którego chcesz wyciągnąć. Możliwe jest wyświetlenie kanału od dowolnej publiczności Twitter profil.
Inne ustawienia obejmują:
- Szerokość skrzynki zasilającej
- Wysokość skrzynki zasilającej
- Motyw kanału (jasny lub ciemny)
- Limit kanału (wyświetla tylko określoną liczbę ostatnich tweetów)
- Kolor łącza danych
- Kolor tła kanału
Po zakończeniu dostosowywania kliknij przycisk Zapisz zmiany przycisk, aby wygenerować podgląd.
po kliknięciu Zapisz zmiany, aplikacja wygeneruje podgląd pliku Twitter karmić. Możesz przewijać kanał i wracać, aby dostosować ustawienia w zależności od tego, co chcesz osiągnąć.
Tuż nad podglądem zobaczysz, że aplikacja wygenerowała również krótki kod dla kanału. Jest to unikalny fragment kodu, który możesz wkleić w dowolnym miejscu na swoim komputerze Shopify strona internetowa. Kliknij, aby Skopiuj kod do schowka.
Opona Twitter Aplikacja Feed wyświetla wyskakujące okienko, w którym możesz łatwo skopiować kod. Wszystko, co musisz zrobić, to użyć krótkiego kodu na klawiaturze CTRL + C (Command + C dla komputerów Mac), aby skopiować krótki kod do schowka komputera.
Możesz chcieć umieścić Twitter karmić się A Shopify na stronie internetowej, na przykład na stronach O nas, Kontaktie lub Pomocy technicznej. Aby to zrobić, przejdź do Sklep internetowy > Strony in Shopify. Otwórz nową stronę, do której chcesz dodać kanał. Kliknij <> (Pokaż HTML) przycisk, aby przełączyć się z Edytora wizualnego do Edytora kodu HTML.
Wklej wcześniej skopiowany krótki kod do edytora HTML. Jeśli na stronie znajduje się inna treść, po prostu wybierz miejsce, do którego chcesz skierować kanał i wstaw tam kod. Pamiętaj, aby zapisać stronę.
Przejdź do interfejsu tej strony, wyświetlając podgląd lub przechodząc do jej adresu internetowego. Zobaczysz teraz Twitter kanał wyświetlany dokładnie tam, gdzie wstawiłeś krótki kod.
Wielu właścicieli sklepów internetowych wolałoby nauczyć się dodawać Twitter nakarmić a Shopify strona główna. W tym wypadku, Shopify zapewnia wizualne dostosowanie strony głównej, dzięki czemu wstawianie jest jeszcze łatwiejsze Twitter podaj krótki kod.
W tym celu przejdź do Sklep internetowy > Motywy > Dostosuj.
Następnie znajdź obszar, w którym chcesz umieścić plik Twitter karmić. Kliknij Dodaj sekcję przycisk w tym obszarze. Wyszukaj Niestandardowy płyn sekcję tematyczną i wstaw ją do Shopify.
Opona Niestandardowy płyn sekcja tematyczna przedstawia kilka ustawień po lewej stronie. Najważniejszym z nich jest Niestandardowy płyn pole. Wklej krótki kod skopiowany wcześniej z pliku Twitter Aplikacja do kanałów.
po kliknięciu Zapisz, zobaczysz Twitter kanał renderowany w Shopify podgląd strony głównej po prawej stronie.
Możesz nawet nieco dostosować tę sekcję, dodając opcje:
- Schemat kolorów
- Wypełnienie sekcji
- Niestandardowe CSS
Ostatni sposób na wstawienie krótkiego kodu z Twitter Aplikacja Kanały polega na dodaniu jej do rzeczywistego kodu źródłowego motywu. Jest to ogólnie zalecane tylko wtedy, gdy chcesz Twitter aby kanał był wyświetlany globalnie w określonych sekcjach lub na stronach.
Aby to zrobić, przejdź do Sklep internetowy > Motywy in Shopify, Kliknij na Elipsa (…) przycisk, aby wyświetlić więcej opcji. Kliknij Edytuj kod z rozwijanego menu.
Wybierz theme.liquid plik i wklej kod w dowolnym miejscu w obrębie kodowania motywu. Alternatywnie możesz wybrać modyfikację Szablony or sekcje aby uzyskać większą kontrolę nad tym, gdzie Twitter pojawi się kanał.
Inne ustawienia można znaleźć w pliku Twitter Aplikacja do kanałów obejmuje:
- Opcje osadzenia pojedynczego tweeta (lub retweetu)
- Narzędzie do generowania Twitter przycisk udostępniania
- Opcje wyświetlania kanałów z hashtagami
Metoda 2: Dodaj Twitter Karmić Shopify z wbudowanym Twitter widget
Twitter oferuje możliwość opublikowania dowolnej publicznej osi czasu w Twojej witrynie internetowej. Oznacza to, że masz możliwość pokazania kanału swojej marki lub postów z innego konta.
Aby rozpocząć, przejdź do Publikować.Twitter.com.
Wklej lub wpisz adres URL pliku Twitter profil, który chcesz wyświetlać jako kanał na swoim Shopify sklep. Kliknij przycisk strzałki, aby kontynuować.
Tutaj masz dwie możliwości:
- Wbudowana oś czasu
- Twitter przyciski
Opona Twitter przyciski są przydatne do dodania przycisku Obserwuj lub Wspomnij gdzieś na swojej stronie internetowej. Ale w tym artykule bardziej skupimy się na uzyskaniu Twitter karmić, aby się pojawić. Zatem wybierz Wbudowana oś czasu opcja.
Twitter automatycznie generuje Twitter kod widżetu kanału. Sugerujemy jednak kliknięcie przycisku Ustaw opcje dostosowywania link umożliwiający pełne sformatowanie kanału przed opublikowaniem go na swojej stronie internetowej.
Wyświetla to kilka ustawień umożliwiających zmianę wyglądu widżetu kanału:
- Wysokość
- Szerokość
- Spójrz (ciemny lub jasny)
- Język (zwykle możesz po prostu wybrać opcję Automatyczny)
Kliknij Przycisk aktualizacji aby zobaczyć wprowadzone zmiany w podglądzie poniżej. Jak widać, nasza prosta zmiana z Światło do Ciemny już wyrenderowany w podglądzie.
Kiedy już będziesz zadowolony ze sposobu, w jaki Twój Twitter wygląd kanału, kliknij Pobierz kod przycisk umożliwiający skopiowanie kodu widżetu do schowka komputera.
Nadszedł czas, aby dowiedzieć się, jak dodać plik Twitter karmić do twojego Shopify strona internetowa. Najłatwiejszą opcją jest umieszczenie kanału na swoim Shopify stronę główną, za pośrednictwem a Shopify
Iść do Sklep internetowy > Motywy > Dostosuj otworzyć Shopify konfigurator wizualny. Znajdź obszar strony głównej, który chcesz wstawić Twitter karmić. Kliknij jeden z Dodaj sekcję przyciski do odsłonięcia Shopifyzbiór sekcji. Przewiń listę lub wyszukaj Niestandardowy płyn Sekcja. Kliknij, aby dodać to do strony.
Użyj Niestandardowy płyn pole do wklejenia wcześniej skopiowanego kodu (z pliku Twitter strona internetowa). Możesz dostosować inne ustawienia sekcji, takie jak Schemat kolorów, Wypełnienie sekcjilub Niestandardowe CSS.
Zauważysz, że początkowo wyświetlane jest tylko łącze do Twoich tweetów Twitter konta.
Wystarczy, że klikniesz Zapisz przycisk dla Shopify renderować Twitter podaj dane w podglądzie dostosowywania.
Dodatkowy sposób dodania pliku a Twitter karmienie za pomocą kodu osadzania polega na umieszczeniu go na określonej stronie w Shopify. Iść do Sklep internetowy > Strony aby to osiągnąć. Otwórz stronę, na której chcesz edytować.
Po wejściu do edytora stron kliknij przycisk Pokaż HTML (<>) przycisk. Spowoduje to przełączenie z Edytora wizualnego na Niestandardowy edytor HTML, który jest wymagany do dodania kodu.
Wklej kod, z którego pierwotnie skopiowałeś Twitter, Kliknij na Zapisz or Publikować przycisk, aby zmiany zaczęły obowiązywać.
Wyświetl podgląd strony lub przejdź do jej widoku frontendowego. Tutaj zobaczysz Twitter kanał wyświetlany obok innych treści, które mogłeś mieć na tej stronie.
Ostatni sposób na osadzenie pliku Twitter widget z kodem odbywa się za pomocą Shopify pliki tematyczne. Iść do Sklep internetowy > Motywy zacząć. Wybierz Elipsa (…) przycisk, a następnie wybierz Edytuj kod.
Opona theme.liquid plik daje Ci pełną kontrolę nad motywem, na którym aktualnie jesteś zainstalowany Shopify. Wklej Twitter kod kanału, gdziekolwiek chcesz, aby kanał pojawił się w motywie. W przeciwnym razie możliwe jest wykorzystanie szablon i Sekcja pliki, jeśli wolisz Twitter kanał pojawia się tylko w niektórych częściach Twojej witryny, np. na pasku bocznym.
Oto jak dodać Twitter Nakarm A Shopify Stronie internetowej!
Być może zauważyłeś, że użycie a Shopify Aplikacja nadal tworzy krótki kod, który możesz umieścić w dowolnym miejscu na swojej stronie internetowej. Może to skłonić Cię do zadania pytania: „Jaki jest sens korzystania z aplikacji?” Są trzy powody:
- Korzystanie z aplikacji oznacza, że cała Twoja praca jest zawarta w jednym panelu: Shopify.
- Dostępnych jest znacznie więcej ustawień dostosowywania Twitter Kanał aplikacji w porównaniu z tym, co jest oferowane za pośrednictwem Twitter możliwość osadzania widgetu.
- Krótki kod jest przynajmniej trochę mniej zastraszający niż kod dostarczony przez Twitter.
I to wszystko! Mamy nadzieję, że nasz kompletny przewodnik na temat dodawania Twitter karmić do Shopify pomogło ci dowiedzieć się, czy a plugin lub widget kodu jest odpowiedni dla Twojego sklepu e-commerce. Zachęcamy do zapoznania się z innymi aplikacjami, które umożliwiają osadzanie alternatywnych kanałów mediów społecznościowych, takich jak kanał na Instagramie, a nawet wyświetlanie materiałów takich jak dowód społecznościowy lub filmy TikTok. Daj nam znać w komentarzach, jeśli masz jakieś pytania!
Komentarze Odpowiedzi 0