Jak zintegrować swój sklep Etsy z witryną Divi?

W dzisiejszym poście Divi pokażemy Ci, jak zintegrować produkty, które masz w sklepie Etsy, ze swoją witryną Divi. Może to być potrzeba posiadania własnej strony internetowej lub prośba otrzymana od klienta. Dodanie produktów Etsy do swojej witryny może pomóc w generowaniu większej sprzedaży. Zwłaszcza jeśli posiadasz stronę internetową, która ma atrakcyjną grupę docelową i dużą liczbę odwiedzających. Integrując sklep Etsy ze swoją witryną, możesz łatwiej dotrzeć do grupy docelowej.

Pokażemy, jak dodawać produkty do sklepu Etsy za pomocą wtyczki Etsy Shop, która zapewni następujący wynik na komputerze:

Możliwości

Nie wszyscy lubią dodawać sklep Etsy do osobistej strony internetowej. Niektórzy wolą korzystać z opcji e-commerce, która pozwala ludziom kupować produkty bezpośrednio ze strony internetowej. Kiedy zintegrujesz sklep Etsy ze swoją witryną WordPress, nie oznacza to, że zakup faktycznie odbędzie się w Twojej witrynie. Wtyczka pomaga tylko wyświetlać produkty Etsy w ich oryginalnej formie. W celu przeprowadzenia faktycznego procesu zakupu zainteresowani odwiedzający zostaną przekierowani do Twojego sklepu Etsy na stronie Etsy.

Jeśli jednak chcesz zachować ten związek ze swoim sklepem Etsy i odbiorcami, których tam masz, masz dwa sposoby podejścia do sytuacji.

Dodaj swoje produkty ręcznie do swojej witryny WordPress

Ponieważ wtyczki pomogą jedynie przekierować odwiedzających do witryny Etsy, równie dobrze możesz ręcznie zintegrować swoje produkty Etsy. Chociaż brzmi to jak więcej pracy, ma to również pewne zalety. Możesz na przykład dowolnie stylizować przedmioty. Prawdopodobnie będziesz mieć więcej miejsca i przestrzeni, aby elementy były w tym samym stylu, co Twoja witryna. Jedyne, czego będziesz potrzebować, to bezpośredni (i najlepiej unikalny) link do każdego elementu.

Chociaż istnieje wiele zalet ręcznego dodawania produktów Etsy, istnieją również pewne wady. Po ręcznym dodaniu tych produktów i zmianie stylu użytkownicy nie będą od razu wiedzieć, że zostaną przekierowani na stronę Etsy. W ten sposób wystawiasz je na niespodziankę.

Dodaj swoje produkty za pomocą wtyczki

Inną możliwością, jaką masz, jest użycie wtyczki. Jest to zwykle najłatwiejsza droga i pozwala zaoszczędzić dużo czasu. Poza tym układ produktów jest podobny do tego, jak są one wyświetlane na stronie Etsy. Odwiedzający łatwiej rozpoznają źródło przedmiotu. Taką możliwość pokażemy Ci w dalszej części posta.

Istnieją dwie wtyczki, które mogą wykonać tę pracę: wtyczka Etsy Shop i Etsy 360. Wtyczka Etsy Shop jest bezpłatna i pokażemy Ci, jak ją skonfigurować, podczas gdy Etsy 360 jest płatne. Niestety wtyczki Etsy Shop możesz używać tylko wtedy, gdy chcesz wyświetlać swoje produkty Etsy na komputerze. Wtyczka nie reaguje. Jeśli więc szukasz responsywnego rozwiązania, możesz wypróbować Etsy 360.

Jak zintegrować swój sklep Etsy z witryną Divi?

Subskrybuj nasz kanał YouTube

Rozpocznij integrację swojego sklepu Etsy z wtyczką sklepu Etsy

Aby dodać swój sklep Etsy do witryny Divi, z góry potrzebujemy jednej rzeczy; bezpłatna wtyczka sklepu Etsy, stworzona przez Frederica Sheedy'ego. Korzystając z tej wtyczki, nie będziesz musiał wkładać wiele wysiłku, aby dodać swoje ulubione produkty ze sklepu Etsy do swojej witryny. W przeszłości Etsy oferowało opcję Etsy Mini, ale niestety ostatnio wstrzymali tę opcję, dzięki czemu wtyczka Etsy Shop jest obecnie najbardziej korzystną opcją.

Bez żadnych dalszych opłat; Zacznijmy.

Pobierz wtyczkę sklepu Etsy

Pierwszym krokiem, który musisz wykonać, jest pobranie wtyczki. Wtyczkę można pobrać, klikając poniższy link.

Prześlij wtyczkę do swojej witryny

Po pobraniu wtyczki możesz ją przesłać, przechodząc do pulpitu WordPress> Wtyczki> Dodaj nowy> I przesyłając wtyczkę do swojej witryny. Upewnij się, że aktywowałeś również wtyczkę.

Uzyskaj klucz API sklepu Etsy

Po pobraniu wtyczki następnym krokiem, który musisz wykonać, jest uzyskanie klucza API do swojego sklepu Etsy. Możliwe, że masz już dostępne takie API, ale jeśli go nie masz, pokażemy Ci, jak od razu je zdobyć.

Utwórz nową aplikację dla swojego konta Etsy

Po pobraniu wtyczki Etsy Shop i przejściu do ustawień, tuż pod polem Etsy API Key zobaczysz link, który pokazuje, gdzie utworzyć nową aplikację Etsy. Kliknij ten link.

Po rozpoczęciu tworzenia nowej aplikacji musisz podać szczegółowe informacje o tworzonej aplikacji, jak pokazano na poniższym obrazku.

Gdy wypełnisz wszystkie potrzebne informacje, Twoja aplikacja zostanie utworzona. Na poniższym obrazku możesz zobaczyć, gdzie możesz znaleźć klucz API po utworzeniu aplikacji.

Skopiuj klucz API do swojej wtyczki

Następną rzeczą, którą musisz zrobić, to wrócić do ustawień wtyczki i wypełnić klucz API.

Upewnij się, że otwierasz sklep w nowym oknie

A gdy nadal jesteś w ustawieniach wtyczki, zaleca się, aby każdy link otwierał się w nowym oknie. W ten sposób nie tylko odeślesz odwiedzających na inną stronę, ale zatrzymasz ich na obu stronach.

Dodaj skrót do modułu tekstowego w swoim Divi Builder

Następną rzeczą, którą musisz zrobić, jest zintegrowanie shortcode ze swoją witryną. Możesz to łatwo zrobić, dodając go do nowego modułu tekstowego na stronie, na której mają się pojawiać elementy.

Otwórz stronę, do której chcesz dodać elementy, i dodaj moduł tekstowy do wiersza o pełnej szerokości. Następnie otwórz ustawienia wiersza i zmień niestandardową szerokość wiersza na „680px”.

Następnie dodaj krótki kod do pola Treść na karcie Treść. Skrót bez żadnych modyfikacji wygląda tak:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Teraz zastąp *your-etsy-shop-name* i *your-etsy-shop-section-id* własnymi. Aby to zrobić, przejdź do swojego sklepu (lub innego sklepu, z którego chcesz wyświetlać produkty Etsy) i wybierz sekcję po lewej stronie.

Gdy to zrobisz, w adresie URL zobaczysz nazwę sklepu Etsy i identyfikator sekcji.

Wyłącz dla urządzeń mobilnych

Niestety wtyczka Etsy Shop działa poprawnie tylko na komputerach stacjonarnych. Nie jest responsywny, więc jeśli szukasz darmowego rozwiązania, które pomoże Ci generować sprzedaż wyłącznie na komputerach stacjonarnych, jest to świetne rozwiązanie. Jeśli nie, możesz zobaczyć, o co chodzi w Etsy 360 lub ręcznie dodać elementy, które chcesz zaprezentować.

Wynik

Po prostu skopiuj te dwie rzeczy i umieść je w swoim shortcode. Po zapisaniu ustawień, Twoje pozycje Etsy powinna pojawić się na swojej stronie pulpitu po kliknięciu na podgląd - daje następujący wynik:

Końcowe przemyślenia

W tym poście pokazaliśmy, jak dodać sklep Etsy do swojej witryny. Przeprowadziliśmy Cię przez proces instalacji wtyczki Etsy Shop. Niektórzy wolą dodawać produkty Etsy za pomocą wtyczki i pozwalać swoim odwiedzającym na przekierowanie na stronę Esty, podczas gdy inni wolą wybrać witrynę e-commerce. Jeśli szukałeś pierwszej możliwości, ten post ci pomoże. Jeśli masz pytania lub sugestie, koniecznie zostaw komentarz w sekcji komentarzy poniżej!

Pamiętaj, aby zapisać się do naszego biuletynu e-mail i kanału YouTube, aby nigdy nie przegapić ważnego ogłoszenia, przydatnej wskazówki lub gratisów Divi!