W artykule:
Czy chcesz dostosować strony produktów WooCommerce bez konieczności pisania kodu?
Dostosowując strony produktów WooCommerce, możesz poprawić współczynnik konwersji i wygenerować większą sprzedaż od obecnych odwiedzających witrynę.
W tym artykule pokażemy, jak dostosować strony produktów WooCommerce bez wiedzy technicznej.
Po co dostosowywać strony produktów WooCommerce w WordPress?
Twoje strony produktów WooCommerce to jedne z najcenniejszych stron w Twoim sklepie internetowym. Problem polega na tym, że domyślne strony produktów WooCommerce nie są zoptymalizowane pod kątem konwersji.
Dostosowując strony produktów WooCommerce, możesz tworzyć unikalne strony docelowe produktów, które przekonwertują odwiedzających na klientów w znacznie wyższym tempie.
Oznacza to, że Twój sklep może zarabiać więcej bez konieczności dodatkowego ruchu.
Zanim zaczniesz dostosowywać strony produktów WooCommerce, musisz upewnić się, że masz najszybszy Hosting WooCommerce do obsługi sklepu internetowego, ponieważ szybkość wpływa na konwersję.
Mając to na uwadze, przyjrzyjmy się, jak możesz dostosować strony produktów WooCommerce bez kodu.
Jak dostosować strony produktów WooCommerce w WordPress
SeedProd to najlepszy kreator stron typu „przeciągnij i upuść”używany przez ponad milion stron internetowych. Pozwala łatwo dostosować strony produktów WooCommerce i zwiększyć sprzedaż.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Uwaga: dostępna jest darmowa wersja SeedProd, której możesz użyć, ale w tym samouczku pokażemy wersję Pro, ponieważ ma wbudowane bloki WooCommerce.
Po aktywacji musisz odwiedzić SeedProd ” Ustawienia i wprowadź swój klucz licencyjny.
Możesz znaleźć te informacje pod swoim kontem na stronie SeedProd.
Następnie musisz odwiedzić SeedProd ” Strony a następnie kliknij „Dodaj nową stronę docelową”.
Na następnym ekranie zostaniesz poproszony o wybranie szablonu. SeedProd ma dziesiątki profesjonalnie zaprojektowanych szablonów do wyboru.
Ponieważ budujesz stronę produktu WooCommerce o wysokiej konwersji, wybierz opcję „sprzedaż”, a następnie wybierz jeden z szablonów.
Wystarczy kliknąć na szablon, aby go wybrać.
Będziemy używać szablonu „strona Sprzedaży kolacji”, ale możesz wybrać dowolny szablon.
Następnie zostaniesz poproszony o nadanie swojej stronie nazwy, a następnie kliknij przycisk „Zapisz i rozpocznij edycję strony”.
Spowoduje to uruchomienie interfejsu kreatora stron przeciągnij i upuść.
Zobaczysz podgląd na żywo wybranego szablonu, w którym możesz wskazać i kliknąć, aby wybrać i edytować dowolny element na stronie.
Lewa kolumna zawiera nowe bloki, które można dodać do strony produktu.
Następnie dodamy kilka bloków, aby ta strona bardziej przypominała stronę produktu WooCommerce.
Najpierw kliknij na obrazek i zastąp go obrazkiem swojego produktu. Załadujesz obraz lub wybierzesz go z biblioteki multimediów.
Następnie możesz zmienić tytuł produktu i tekst, klikając te elementy i zmieniając je bezpośrednio w edytorze stron.
Menu po lewej stronie pozwala zmienić rozmiar, wyrównanie i wiele innych.
Na koniec dodamy przycisk „Dodaj do koszyka”, podobnie jak standardowa strona produktu WooCommerce.
Musisz znaleźć blok WooCommerce „Dodaj do koszyka” i przeciągnąć go na swoją stronę.
Teraz, gdy masz już podstawy strony produktu WooCommerce, pokażemy Ci, jak dodawać elementy, które poprawią konwersje.
Po pierwsze, dodajmy gwiazdkę produktu, aby pokazać klientom, że twój produkt jest wysokiej jakości.
Po prostu przeciągnij blok „gwiazdki” i upuść go na podglądzie strony, gdzie chcesz go wyświetlić.
Masz pełną kontrolę nad liczbą gwiazdek, rozmiarem, całkowitą liczbą ocen i nie tylko.
Następnie dodamy blok referencji klientów. Dodawanie opinii o produktach może pomóc poprawić dowód społeczny i konwersję produktów.
Jeśli szukasz sposobu na zbieranie opinii klientów, zobacz naszą listę najlepszych wtyczek do WordPressa.
Aby dodać referencje, po prostu przeciągnij blok „referencje” na stronę, na której chcesz go wyświetlić.
Możesz w pełni dostosować opinię, dodać obraz i zmienić tekst opinii.
Po kliknięciu elementu referencje możesz zmienić wszystkie opcje wyświetlania w menu po lewej stronie.
Jeśli chcesz dodać wiele opinii, kliknij przycisk „Dodaj opinię”. Spowoduje to automatyczne utworzenie obrotowej karuzeli z referencjami klientów.
Następnie możesz dodać sekcję FAQ produktu, podobną do sekcji pytań i odpowiedzi na stronach produktów Amazon.
Kliknij blok „akordeon” i przeciągnij go na swoją stronę, a następnie kliknij element, aby wyświetlić ekran edycji po lewej stronie.
Tutaj możesz dodać kolejne rozwijane FAQ, zmienić rozmiar czcionki,kolor i inne.
Możesz zmienić tekst FAQ bezpośrednio na podglądzie strony.
Dodanie powyższych bloków Seedprod WooCommerce do stron produktów pomoże poprawić konwersje.
SeedProd ma kilka dodatkowych bloków WooCommerce, które możesz również dodać do stron produktów.
Jeśli prowadzisz wiosenną wyprzedaż prezentów lub wyprzedaż w Czarny piątek, możesz użyć bloku „odliczanie”, aby stworzyć pilną potrzebę.
Możesz także wyróżnić inne produkty w swoim sklepie, korzystając z bloków „Polecane produkty” lub „Najwyżej oceniane produkty”.
Aby dodać dodatkowe bloki, po prostu wykonaj te same kroki, co powyżej.
Aby uzyskać więcej informacji na temat dodawania popularnych produktów do WooCommerce, zobacz nasz przewodnik dotyczący wyświetlania popularnych produktów na stronach produktów WooCommerce.
Możesz nadal dostosowywać stronę produktu, używając dodatkowych bloków i dostosowując menu Ustawienia.
Po zakończeniu dostosowywania strony produktu kliknij przycisk „Zapisz”, a następnie „opublikuj” z listy rozwijanej, aby strona była aktywna.
Wprowadzone przez Ciebie dostosowania strony produktu ułatwią przekształcenie odwiedzających w kupujących.
Jak poprawić konwersję strony produktu WooCommerce (2 sposoby)
Po dostosowaniu strony produktu WooCommerce możesz jeszcze bardziej poprawić konwersje w sklepie za pomocą następujących elementów dynamicznych.
Dodaj powiadomienia o aktywności zakupowej w WooCommerce
Pierwsza metoda wykorzystuje powiadomienia o dowodach społecznych, aby ostrzec odwiedzających, że inni ludzie właśnie dokonali zakupu. Wykorzystuje to FOMO, aby po prostu poprawić konwersje.
Najlepszym sposobem na dodanie dowodu społecznego do WooCommerce jest użycie TrustPulse. Jest to jedna z najlepszych wtyczek Popup WordPress i aplikacji społecznościowych na rynku.
Pozwala łatwo wyświetlać powiadomienia o zakupach w czasie rzeczywistym w witrynie WooCommerce.
Aby uzyskać więcej informacji, zobacz nasz przewodnik na temat korzystania z FOMO w witrynie WordPress, aby zwiększyć konwersje.
Twórz spersonalizowane kampanie marketingowe w WooCommerce
Druga metoda wykorzystuje dynamiczny tekst, dzięki czemu można wyświetlać spersonalizowane wiadomości marketingowe odwiedzającym. Dzięki tekstowi dynamicznemu możesz pokazać imię i nazwisko odwiedzającego, jego lokalizację, a nawet dzień tygodnia.
Umożliwia wyświetlanie spersonalizowanych wiadomości właściwym osobom we właściwym czasie, aby znacznie poprawić wskaźniki zaangażowania i konwersji.
Najlepszym sposobem dodawania tekstu dynamicznego jest użycie OptinMonster. Jest to najlepsze narzędzie do przechwytywania wyskakujących okienek i wiadomości e-mail dla WordPress używane przez ponad 1.2 milionów stron internetowych.
Najpierw musisz odwiedzić stronę OptinMonster i utworzyć konto. Do tworzenia dynamicznego tekstu z inteligentnymi znacznikami potrzebny jest przynajmniej Plan poziomu Pro.
Następnie należy zainstalować i aktywować wtyczkę OptinMonster. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Ta wtyczka łączy twoją witrynę WordPress z aplikacją OptinMonster.
Po aktywacji należy wprowadzić klucz licencyjny. Informacje te można znaleźć pod swoim kontem na stronie OptinMonster.
W panelu WordPress przejdź do OptinMonster ” Ustawienia kliknij „Połącz istniejące konto” i wprowadź dane swojego konta.
Następnie połącz OptinMonster z WooCommerce.
Daje to dodatkowe reguły wyświetlania, których można używać do dostosowywania kampanii. Na tej samej stronie kliknij „Automatyczne generowanie kluczy + Połącz WooCommerce”.
Po podłączeniu do OptinMonster przejdź do OptinMonster ” Kampanie a następnie kliknij przycisk „Dodaj nowy”.
Przeniesie cię to do narzędzia OptinMonster campaign builder.
Do wyboru są dziesiątki szablonów.
Stworzymy wyskakujące okienko z inteligentnym tagiem WooCommerce. Aby to zrobić, wybierz typ kampanii „Popup”i wybierz jeden z szablonów.
Wybierzemy szablon „Oferta”, ale możesz wybrać dowolny szablon.
Po prostu najedź kursorem na szablon i kliknij „Użyj szablonu”.
Po nadaniu nazwy kampanii i kliknięciu przycisku „Rozpocznij budowanie” zostaniesz przeniesiony do Kreatora kampanii „przeciągnij i upuść”.
Możesz dostosować każdą część wyskakującego okienka, klikając dowolny element i dostosowując go w menu po lewej stronie.
Dodamy dynamiczny tekst do nagłówka, aby pokazywał dzisiejszą datę i oferował naszym odwiedzającym kupon ważny tylko na dany dzień.
Najpierw kliknij dwukrotnie dowolny element tekstowy, aby wyświetlić menu. Następnie kliknij ikonę „Inteligentne Tagi „” {}”, aby wyświetlić rozwijaną listę dostępnych inteligentnych tagów.
Po prostu kliknij inteligentny tag, który chcesz dodać do swojej kampanii.
Inteligentne tagi wykorzystują dynamicznie generowany tekst, aby zapewnić odwiedzającym unikalną i niestandardową wiadomość.
Po zakończeniu dostosowywania wyskakującego okienka kliknij przycisk „Zapisz”.
Następnie kliknij kartę „Publikuj”, a następnie wybierz opcję „Publikuj”.
Po wyjściu z Kreatora zostaniesz przeniesiony na ekran, na którym możesz potwierdzić swoje ustawienia wyświetlania.
Aby upewnić się, że wyskakujące okienko jest aktywne, Zmień status na „opublikowany” w polu Meta „widoczność i Status”, a następnie kliknij „Zapisz zmiany”.
Wyskakujące okienko WooCommerce z dynamicznym tekstem będzie teraz dostępne w Twoim sklepie WooCommerce.
Możesz nadal testować różne ustawienia dynamicznego tekstu i wyświetlania, aby zobaczyć, które kampanie przynoszą najlepsze rezultaty.
Mamy nadzieję, że ten artykuł pomoże Ci dostosować strony produktów WooCommerce bez kodowania. Możesz zapoznać się z naszym przewodnikiem na temat SEO Woocommerce i naszymi doświadczonymi wyborami najlepszych wtyczek WooCommerce dla Twojego sklepu.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
