Opis
Elektilo dodaje quiz z przewodnikiem „pomóż mi wybrać” do każdej strony z krótkim kodem [elektilo]. Kupujący odpowiadają na krótką serię pytań jednokrotnego wyboru i widzą jeden polecany produkt, z jego obrazkiem, ceną i przyciskiem prowadzącym bezpośrednio do strony produktu.
Elektilo jest rozwijane otwarcie. Kod oraz miejsce do zgłaszania błędów lub prośby o nowe funkcje znajdują się pod adresem github.com/wppoland/plogins-finder.
Definiujesz pytania i opcje, a następnie mapujesz każdą kombinację odpowiedzi do produktu. Przycisk „Generuj kombinacje” tworzy mapę na podstawie Twoich kroków, więc wybierasz tylko jeden produkt dla każdej ścieżki.
Dokumentacja i linki
- Dokumentacja: plogins.com/plogins-finder/docs/
- Strona wtyczki: plogins.com/plogins-finder/
- Kod źródłowy: github.com/wppoland/plogins-finder
- Zgłaszanie błędów i prośby o nowe funkcje: github.com/wppoland/plogins-finder/issues
Stworzony z myślą o szybkości i dostępności
- Brak jQuery we własnym kodzie front-end wtyczki, skrypt to czysty JS, odroczony i ładowany w stopce.
- Brak przesunięć układu (CLS). Miejsce jest zarezerwowane dla każdego kroku i karty wyników, więc postęp nigdy nie powoduje ponownego ułożenia strony. Obrazek rekomendacji jest priorytetowy dla szybkiego LCP.
- Wynik oparty na REST. Rekomendacja jest pobierana z lekkiego punktu końcowego REST (nie admin-ajax), odczytywana na żywo, dzięki czemu cena i stan magazynowy są zawsze aktualne i nigdy nie są buforowane.
- Przyjazny dla klawiatury. Prawdziwe grupy przycisków radiowych, pasek postępu na żywo, widoczne style fokusu, przycisk Wstecz i pełna obsługa klawiatury.
- Możliwość wznowienia i udostępniania. Obecny krok i odpowiedzi są przechowywane w adresie URL i pamięci dla każdej karty, więc odświeżenie zachowuje Twoje miejsce, a link z pełnymi odpowiedziami otwiera się bezpośrednio na wyniku.
Ustawienia
Strona ustawień z funkcjami WooCommerce (menu Elektilo) umożliwia:
- Włącz lub wyłącz quiz, ustaw nagłówek, podtytuł i kolor akcentu, a także wybierz, czy cena ma być wyświetlana na karcie wyników.
- Zbuduj kroki: każdy krok to jedno pytanie z opcjami jednokrotnego wyboru; „wartość” opcji to krótka uproszczona nazwa używana do identyfikacji odpowiedzi.
- Mapuj wyniki: wygeneruj jeden wiersz na kombinację odpowiedzi z Twoich kroków, a następnie wybierz polecany produkt dla każdej, z opcjonalnym nagłówkiem, opisem i etykietą przycisku. Szybki podgląd pokazuje, ile kombinacji nadal potrzebuje produktu.
- Ustaw produkt zastępczy wyświetlany, gdy żadna kombinacja nie pasuje lub zmapowany produkt jest niedostępny.
Gotowy do tłumaczenia
Wszystkie ciągi znaków można przetłumaczyć za pomocą domeny tekstowej elektilo, a szablon elektilo.pot znajduje się w /languages. Usunięcie wtyczki usuwa jej opcje.
Jak to działa
Quiz jest renderowany po stronie serwera (dzięki czemu może być buforowany wraz ze stroną) i w całości po stronie klienta, bez podróży w obie strony między krokami. Pobierana jest tylko końcowa rekomendacja, z żądania REST tego samego pochodzenia do Twojej własnej witryny, i renderowana na bieżąco, aby cena i stan magazynowy były aktualne. CSS i JavaScript są dodawane do kolejki tylko na stronach zawierających krótki kod [elektilo].
Usługi zewnętrzne
Elektilo nie łączy się ani nie wysyła żadnych danych do żadnych zewnętrznych usług ani serwerów stron trzecich. Nie zawiera żadnego SDK, klienta API, kroju pisma internetowego, kafelka mapy, zasobu CDN ani wywołania analitycznego, wszystko działa na Twojej własnej witrynie.
Wszystkie dane pozostają w twojej bazie danych WordPressa: pytania, opcje, mapa wyników i ustawienia znajdują się w opcji finder_settings (a finder_db_version śledzi schemat bazy). Kiedy klient kończy quiz, jego odpowiedzi są wysyłane w żądaniu REST typu „same-origin” do punktu końcowego /wp-json/ na Twojej stronie, który zwraca rekomendację; nigdy nie wysyłane są żadne żądania HTTP na zewnątrz. Aktualny etap i odpowiedzi są też zapisywane w adresie URL strony oraz w pamięci sesji przeglądarki dla danej karty, dzięki czemu quiz można wznowić. Usunięcie wtyczki powoduje usunięcie jej opcji.
Zrzuty ekranu



Instalacja
- Prześlij wtyczkę do
/wp-content/plugins/elektilo, lub zainstaluj poprzez Wtyczki > Utwórz. - Włącz go. WooCommerce musi być aktywny.
- Przejdź na menu Elektilo w wp-admin, stwórz swoje kroki, wygeneruj kombinacje i wybierz produkt dla każdej, następnie włącz quiz.
- Dodaj quiz do dowolnej strony lub wpisu za pomocą shortcode’u
[elektilo].
Najczęściej zadawane pytania
-
Czy wymaga WooCommerce?
-
Tak. Elektilo wymaga aktywnej instalacji WooCommerce.
-
Czy używa jQuery?
-
Nie. Własny skrypt front-end wtyczki to czysty JavaScript bez zależności od jQuery.
-
Gdzie umieścić quiz?
-
Wszędzie tam, gdzie można umieścić shortcode
[elektilo], na stronie, we wpisie lub w bloku Raw HTML / shortcode kreatora stron. -
Ile pytań mogę zadać?
-
Tyle kroków, ile chcesz, każdy z tyloma opcjami jednokrotnego wyboru, ile chcesz. Dwa lub trzy krótkie kroki konwertują najlepiej.
-
Co dzieje się na końcu?
-
Kupujący widzi jeden rekomendowany produkt, jego obrazek, opcjonalną cenę, opcjonalny nagłówek i opis oraz przycisk do strony produktu. Jeśli żadna kombinacja nie pasuje lub przypisany produkt jest niedostępny, zostanie wyświetlony twój produkt zastępczy.
-
Czy cena w wyniku jest zawsze aktualna?
-
Tak. Rekomendacja jest pobierana na żywo przez REST przy każdym żądaniu i nigdy nie jest buforowana, więc cena i stan magazynowy mają wpływ na twój sklep w danym momencie.
-
Czy ta wtyczka działa na WordPress Multisite?
-
Tak. Włącz go w sieci lub włącz na poszczególnych witrynach; każda witryna zachowuje własne ustawienia.
Recenzje
Wtyczka nie ma jeszcze żadnej recenzji.
Kontrybutorzy i deweloperzy
„Elektilo – Quiz do wyszukiwania produktów dla WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.
ZaangażowaniWtyczka „Elektilo – Quiz do wyszukiwania produktów dla WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.
Przetłumacz wtyczkę “Elektilo – Quiz do wyszukiwania produktów dla WooCommerce” na swój język.
Interesuje cię rozwój wtyczki?
Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.
Rejestr zmian
1.1.5
- Ekran ustawień pokazywał shortcode jako [finder], który wyświetlał się jako zwykły tekst. Teraz wyświetla [elektilo].
- Wartość odpowiedzi ze spacją lub znakiem interpunkcyjnym, np. „home gym”, była zapisywana jako „homegym” w kroku, ale „home-gym” w mapie wyników, więc kupujący, którzy ją wybrali, zawsze otrzymywali produkt zastępczy. Obie używają teraz tej samej wartości; ponownie zapisz ustawienia i wygeneruj kombinacje, aby naprawić quiz zbudowany przed tą wersją.
- Klawisze strzałek teraz poruszają się między odpowiedziami bez zatwierdzania kroku, dzięki czemu każda odpowiedź może być wybrana za pomocą klawiatury. Spacja, Enter lub kliknięcie wybiera odpowiedź, w tym tę już wybraną.
- Po powrocie, kliknięcie odpowiedzi, którą już wybrano, ponownie przechodzi dalej zamiast nic nie robić.
- Ukośniki wsteczne w tytule, pytaniach i tekstach wyników są zachowywane po zapisaniu.
- Usunięto nieużywaną tabelę finder_compare_items, którą tworzyły wcześniejsze wersje; deinstalacja również ją usuwa.
1.1.4
- Wybór produktów wyświetlał tylko pierwsze 200 produktów, więc większe sklepy nie mogły wybrać pozostałych. Teraz przeszukuje cały katalog podczas pisania, używając tego samego pola wyszukiwania co WooCommerce.
1.1.3
- URI wtyczki w nagłówku zwracało błąd 404. Strona, którą wskazuje, jest teraz opublikowana, i to samo sprawdzenie zostało przeprowadzone dla każdej wtyczki z rodziny.
1.1.2
- Nazwano Elektilo. Zespół recenzentów WordPress.org prosi, aby nazwa wtyczki zaczynała się od wyróżniającego, wymyślonego identyfikatora, a nie od ogólnego słowa opisowego. Elektilo to w esperanto narzędzie, które wybiera, co właśnie robi quiz. Domena tekstowa jest zgodna z nazwą; przechowywane dane, ustawienia i każdy hook pozostają niezmienione.
- Shortcode to teraz
[elektilo]. Wcześniej był to[finder], tag na tyle ogólny, że każda inna wtyczka mogła go sobie rościć jako pierwsza. To jest ostatnie wydanie, w którym mógł się zmienić bez uszkadzania istniejących stron, ponieważ wtyczka nie została jeszcze opublikowana. - Menu administratora wyświetla Elektilo zamiast Product Finder, a miejsca, w których dokumentacja nadal zawierała słowo Finder, zostały zaktualizowane.
1.0.10
- Naprawiono: glify strzałek w ścieżkach menu administratora oraz w ciągach znaków przekazywanych tłumaczom. Strzałka wewnątrz ciągu znaków przeznaczonego do tłumaczenia sprawia, że glif staje się problemem każdego tłumacza i zmienia układ w każdych ustawieniach regionalnych, które go pomijają.
1.0.9
- Krótki opis miał 151 znaków, o jeden więcej niż limit dozwolony przez WordPress.org, więc katalog wtyczek uciął go w połowie zdania. Skrócono o jedno słowo; znaczenie pozostaje niezmienione.
1.0.8
- Szablon tłumaczenia został ponownie wygenerowany. Nadal wskazywał na starszą wersję wtyczki i odnosił się do linii źródłowych, które zostały przeniesione, co jest odczytywane przez narzędzia tłumaczeniowe, aby pokazać ciąg znaków w kontekście.
1.0.7
- Zmieniono nazwę na Plogins Finder – Product Finder Quiz for WooCommerce, aby nazwa zaczynała się od marki, a nie od ogólnego słowa, o co prosi zespół recenzentów wtyczek WordPress.org. Uproszczona nazwa wtyczki pozostaje niezmieniona.
1.0.6
- Przetestowano z WordPress 7.1. Zweryfikowano poprzez włączanie tej kompilacji na czystej instalacji 7.1 z WooCommerce 11.1, a nie przez edycję nagłówka.
1.0.5
- Ulepszenia dostępności w znacznikach panelu administracyjnego i witryny sklepu.
1.0.4
- Naprawiono: na komputerach stacjonarnych strona nie przewija się już w dół do wyszukiwarki po wczytaniu (fokus używa teraz preventScroll).
- Naprawiono: adres URL pozostaje czysty przy pierwszej wizycie, stan quizu (?fa=&fs=) jest zapisywany dopiero po udzieleniu odpowiedzi przez odwiedzającego.
1.0.3
- Dodano opcję „Otwórz w nowej karcie”, aby rekomendowany produkt otwierał się w nowej karcie przeglądarki.
1.0.2
- Pierwsze stabilne wydanie: kierowany quiz wyszukiwania produktów krok po kroku z przyjaznym panelem administracyjnym kroków/wyników, rekomendacją na żywo opartą na REST API, dostępnym interfejsem front-end opartym na vanilla-JS i zerowym przesunięciem układu. Wskaźniki opcji w stylu radiowym, subtelny ruch (z uwzględnieniem ograniczonego ruchu) i polskie tłumaczenie.
