Jak dodać wyskakujące tabele rozmiarów kapeluszy w Shopify

Klient znalazł kapelusz, który mu się podoba. Teraz jednak utknął przy wyborze rozmiaru.

Gdy kupujący nie są pewni rozmiaru, robią jedną z dwóch rzeczy: porzucają koszyk albo zamawiają kilka rozmiarów i zatrzymują jeden. Takie zamówienia na próbę uszczuplają marżę przez koszty przesyłek zwrotnych, czas ponownego przyjęcia towaru i zablokowane zapasy.

Wyskakująca tabela rozmiarów w Shopify rozwiązuje ten problem dokładnie w momencie podejmowania decyzji. Klienci sprawdzają wymiary jednym kliknięciem, wybierają rozmiar i finalizują zakup bez opuszczania strony.

Co najlepsze, możesz to zrobić bez pisania kodu. Oto jak skonfigurować czytelne okna z tabelami dla poszczególnych marek w Shopify i łatwo je aktualizować wraz z rozwojem katalogu.

Wybierz sposób konfiguracji bez kodowania

Zacznij od narzędzi, które Twój sklep już posiada, zanim opłacisz kolejną subskrypcję aplikacji.

Obecna konfiguracja sklepu	Zalecana metoda	Dlaczego się sprawdza
Szablon ma blok wyskakującego okna obsługujący źródła dynamiczne	Strony Shopify + metapola produktów	Najprostsze rozwiązanie natywne. Bez opłat za aplikację, szybkie ładowanie i łatwe aktualizacje.
Szablon obsługuje wyskakujące okna, ale katalog korzysta tylko z 1–3 stałych zakresów rozmiarów	Osobne szablony produktów	Najszybsza konfiguracja dla niewielkiego katalogu jednej marki.
Katalog obejmuje wiele marek ze złożonymi zasadami doboru rozmiaru	Dedykowana aplikacja do tabel rozmiarów, np. Kiwi	Automatyzuje przypisywanie według dostawców, tagów i kolekcji.

Najpierw sprawdź dokumentację szablonu. Jeśli obsługuje źródła dynamiczne w wyskakujących oknach, natywne metapola zapewnią pełną kontrolę bez spowalniania sklepu. Poradnik Shopify dotyczący tabel rozmiarów opisuje podstawowe wymagania wobec szablonu.

Przygotuj dokładne tabele, zanim przejdziesz do Shopify

Estetyczne okno nie uratuje sprzedaży, jeśli pokazuje błędne wymiary. Niedokładna tabela prowadzi wręcz do kosztownych zwrotów.

Pozyskaj aktualne dane rozmiarowe bezpośrednio od każdego producenta. W każdym publikowanym przewodniku uwzględnij:

• Markę i konkretny model: nigdy nie zakładaj, że wszystkie kapelusze danej marki mają ten sam krój.
• Zgodne oznaczenia rozmiarów: upewnij się, że rozmiary w tabeli (S, M, L lub 7 1/8, 7 1/4) dokładnie odpowiadają liście wariantów w Shopify.
• Obwód głowy w calach i cm: pokaż obie jednostki, aby klienci z innych krajów nie musieli przeliczać wartości.
• Instrukcję pomiaru krok po kroku: wyjaśnij, gdzie umieścić miarkę, zwykle 1 cm nad brwiami i uszami.
• Wskazówki dla wymiarów pomiędzy rozmiarami: podaj, czy klient powinien wybrać większy czy mniejszy rozmiar, jeśli wynik wypada pomiędzy nimi.

Unikaj zrzutów ekranu: nigdy nie przesyłaj nieczytelnej tabeli jako pliku JPEG. Twórz przejrzyste tabele tekstowe, które można przeczytać na telefonie bez powiększania gestem.

Opcja 1: natywna konfiguracja Shopify ze stronami i metapolami

To najprostsza i najszybsza metoda. Tworzysz przewodniki rozmiarowe jako zwykłe strony Shopify, a następnie za pomocą metapola produktu łączysz każdy artykuł z odpowiednią stroną.

Krok 1: utwórz strony z przewodnikami rozmiarowymi

1. Przejdź do Sklep online → Strony → Dodaj stronę.
2. Nadaj stronie jasny tytuł, np. Marka A – Czapki fitted lub Marka B – Kaski turystyczne.
3. Użyj narzędzia tabel w Shopify, aby wpisać rozmiary i wymiary głowy. Poradnik edytora stron Shopify wyjaśnia formatowanie.
4. Dodaj 2–3 jasne zdania o tym, jak zmierzyć obwód głowy.
5. Ustaw widoczność na Widoczna i zapisz stronę.

Powtórz to dla każdego odrębnego systemu rozmiarów w katalogu. Ponieważ strony są częścią Shopify, ich aktualizacja zajmuje tylko kilka sekund.

Krok 2: zdefiniuj metapole produktu

Dodaj produktom osobne pole do wyboru tabeli rozmiarów:

1. Przejdź do Ustawienia → Dane niestandardowe → Produkty (lub Metapola).
2. Kliknij Dodaj definicję.
3. Nadaj nazwę Tabela rozmiarów.
4. Ustaw typ Strona i wybierz Pojedyncza strona.
5. Kliknij Zapisz.

Krok 3: połącz blok wyskakującego okna w edytorze szablonu

1. Przejdź do Sklep online → Szablony → Dostosuj.
2. Otwórz domyślny szablon produktu lub utwórz osobny dla Kapeluszy i kasków.
3. W sekcji Informacje o produkcie kliknij Dodaj blok i wybierz Wyskakujące okno.
4. Ustaw tekst linku na „Przewodnik po rozmiarach” lub „Zobacz tabelę rozmiarów”.
5. Kliknij ikonę Połącz źródło dynamiczne obok pola Strona.
6. Wybierz metapole Tabela rozmiarów.
7. Zapisz zmiany w szablonie.

Krok 4: przypisz tabele do poszczególnych produktów

Otwórz dowolny kapelusz lub kask w panelu administracyjnym Shopify. Przewiń do sekcji Metapola na dole strony produktu, kliknij Tabela rozmiarów i wybierz odpowiednią stronę.

Sprawdź podgląd produktu w sklepie. Kliknij link, aby upewnić się, że okno otwiera tabelę przeznaczoną dla tego artykułu. Poradnik Shopify dotyczący wyskakujących okien zawiera wskazówki dotyczące rozwiązywania problemów ze źródłami dynamicznymi.

Zapobiegaj pustym linkom: gdy produkt nie ma przypisanej tabeli, niektóre szablony nadal pokazują przycisk „Przewodnik po rozmiarach”, który otwiera puste okno. Artykułom w rozmiarze uniwersalnym, np. czapkom beanie lub paskom, przypisz szablon produktu bez tego bloku.

Dlaczego to rozwiązanie łatwo się skaluje

Dziesiątki produktów mogą odsyłać do jednej strony z tabelą. Gdy producent zmieni dane rozmiarowe, aktualizujesz jedną stronę, a wszystkie powiązane produkty od razu pokazują nowe informacje.

Na przykład 40 czapek fitted korzystających z jednego systemu rozmiarów odsyła do tej samej strony. Specjalistyczny model kasku otrzymuje osobne odwołanie.

Alternatywa: stałe szablony dla prostych katalogów

Jeśli sprzedajesz kapelusze tylko jednej lub dwóch marek, możesz pominąć metapola. Utwórz 2 szablony produktów, dodaj blok wyskakującego okna i wybierz stałą stronę bezpośrednio w edytorze szablonu.

Szablon Turbo opisuje tę metodę oraz wariant z metapolami w swojej dokumentacji wyskakujących okien. Unikaj tego podejścia przy więcej niż trzech markach: zarządzanie dziesiątkami powielonych szablonów utrudnia późniejsze utrzymanie.

Opcja 2: użyj aplikacji do przypisywania tabel według reguł

Jeśli szablon nie ma dynamicznych bloków wyskakujących okien albo katalog obejmuje setki produktów kilkudziesięciu marek, dedykowana aplikacja oszczędzi wiele godzin ręcznej pracy.

Aplikacje takie jak Kiwi Sizing automatycznie przypisują tabele na podstawie dostawcy, typu produktu, tagów lub kolekcji. Poradnik Kiwi dotyczący dopasowywania produktów wyjaśnia współdziałanie tych reguł.

Porównując aplikacje, wymagaj tych podstawowych funkcji:

• Czytelny widok mobilny: tabele muszą mieścić się na małych ekranach bez psucia układu.
• Inteligentna logika dopasowania: obsługa warunków spełnij WSZYSTKIE oraz spełnij DOWOLNY.
• Zarządzanie priorytetami: jasne reguły zastępcze, gdy produkt spełnia więcej niż jedną regułę.
• Kontrola położenia: przycisk musi być tuż obok listy rozmiarów, gdzie szukają go klienci.

Uważaj na nakładające się reguły: jeśli ustawisz regułę „Wszystkie kaski” i drugą „Kaski marki X”, niektóre aplikacje wyświetlą dwa okna. Określ jednoznaczne priorytety, aby kupujący widzieli tylko jeden właściwy przewodnik.

Dopasuj reguły do rzeczywistej konstrukcji produktu, a nie szerokich kategorii

Ogólna reguła „pokaż tę tabelę przy wszystkich kapeluszach” prowadzi prosto do zwrotów. Czapki fitted, snapbacki i integralne kaski motocyklowe mają całkowicie odmienne zasady doboru rozmiaru.

Zawsze buduj reguły przypisywania wokół możliwie najbardziej precyzyjnej wspólnej cechy:

Grupa produktów	Logika przypisywania	Dlaczego ten podział jest ważny
Czapki fitted marki A	Dostawca = Marka A ORAZ Typ produktu = Czapka fitted	Standardowe rozmiary liczbowe, np. od 7 1/8 do 7 5/8.
Czapki młodzieżowe marki A	Tag = sizing-youth LUB Kolekcja = Dzieci	Inny zakres obwodów niż w modelach dla dorosłych.
Kask motocyklowy klasy premium	Dopasowanie do konkretnego produktu	Rozmiary skorupy właściwe dla producenta i różne grubości poduszek policzkowych.
Snapbacki w rozmiarze uniwersalnym	Brak przypisanej tabeli lub prosta informacja Regulowany	Eliminuje rozpraszanie, gdy wybór rozmiaru nie jest potrzebny.

Dodaj sprawdzanie tabeli rozmiarów do listy kontrolnej wprowadzania nowych produktów. Gdy zespół merchandisingu dodaje SKU, przypisanie właściwej tabeli powinno być równie obowiązkowe jak przesłanie głównego zdjęcia.

Przetestuj ścieżkę zakupową przed uruchomieniem

Zanim ogłosisz nowe przewodniki, sprawdź je na telefonach i komputerach.

Skontroluj te kluczowe miejsca, w których mogą pojawić się trudności:

• Położenie: czy link „Przewodnik po rozmiarach” jest tuż nad wyborem rozmiaru lub obok niego? Klient nie powinien musieć go szukać.
• Czytelność na telefonie: czy da się odczytać każdą wartość bez poziomego powiększania?
• Zgodność wariantów: czy oznaczenia w tabeli odpowiadają przyciskom wariantów znak po znaku?
• Wygodne zamykanie: czy dotknięcie poza oknem lub naciśnięcie Esc zamyka je bez resetowania wybranych wariantów?
• Brak pustych okien: czy każdy link prowadzi do przewodnika z danymi?

Ważna uwaga o kaskach ochronnych: internetowa tabela lub rekomendacja wspiera wstępny wybór rozmiaru, ale nie zastępuje fizycznego przymierzenia. Przypominaj klientom, że przed użyciem kasku na drodze lub stoku należy go przymierzyć zgodnie z instrukcjami producenta.

Ukryta wada statycznych tabel: nikt nie nosi przy sobie miarki

Nawet najczytelniejsza tabela w wyskakującym oknie pozostawia jedną istotną przeszkodę na drodze do zakupu.

Tabela odpowiada: „Jaki rozmiar pasuje do obwodu głowy 58 cm?”
Nie odpowiada na pytanie: „Jaki obwód ma teraz moja głowa?”

Większość klientów przegląda oferty na telefonie podczas dojazdów, odpoczynku lub przerwy. Nie mają w kieszeni elastycznej miarki krawieckiej. Gdy pojawia się niepewność, wahają się, zostawiają otwartą kartę lub zamawiają kilka rozmiarów do przymierzenia.

Daj kupującym pewność przed zakupem

Narzędzie do pomiaru głowy TWIWT uzupełnia tę lukę bezpośrednio na stronach produktów.

Korzystając z kamery smartfona lub laptopa, widżet działający w przeglądarce mierzy wymiary głowy w kilka sekund i rekomenduje rozmiar według tabeli konkretnego produktu.

• Bez pobierania aplikacji: lekki osadzony widżet działa bezpośrednio w przeglądarce na telefonie, tablecie lub komputerze.
• Dwie drogi do wyboru rozmiaru: klienci znający swoje wymiary korzystają ze zwykłej tabeli. Pozostali otrzymują indywidualną rekomendację za pomocą kamery.
• Prosta integracja ze sklepem: dodaj jedną linię JavaScript do sklepu Shopify i zsynchronizuj katalog przez istniejący plik danych produktów.

Gdy usuwasz wątpliwości dotyczące rozmiaru, klienci przestają zastanawiać się nad słusznością zamówienia. Przechodzą od wybierania do kupowania.