Przejdź do treści
Mateusz Cieplak

WordPress · Opakowania B2B

Max-Pak

Strona B2B dystrybutora folii opakowaniowych na własnym motywie i autorskiej wtyczce

Max-Pak z Kielc od 2003 roku dostarcza firmom folie opakowaniowe, laminaty, taśmy i opakowania papierowe. Nowa strona działa na własnym motywie WordPress z własnymi typami treści i ACF, a autorska wtyczka obsługuje zapytania ofertowe, zgody cookies i analitykę. Bez page buildera i bez jQuery.

Rola
Programista WordPress: motyw, model treści, wtyczka backendowa i migracja treści
Okres
sierpień - październik 2026
Technologie
  • WordPress
  • PHP
  • Custom theme
  • ACF
  • Custom post types
  • Custom plugin
  • Vanilla JS
  • Consent Mode v2
  • GTM
  • GA4
  • Rank Math
  • LiteSpeed
Max-Pak: strona główna na ekranie komputera
Max-Pak na telefonie
stron przeniesionych do typów treści
27
stron ofert i branż edytowanych w polach ACF
12 + 12
kalkulatory folii połączone z zapytaniem
3
przekierowań 301 ze starych adresów
28

Kontekst

Max-Pak sprzedaje producentom, więc strona ma jedno zadanie: zamienić wizytę w zapytanie o wycenę. Nie ma tu sklepu ani cen.

Stara strona powtarzała ten sam układ strona po stronie. 14 stron branżowych było w 72-90% identycznych, więc każdą zmianę trzeba było wprowadzać wiele razy.

Co zrobiłem

  • Klasyczny motyw PHP bez kroku budowania: CSS na custom properties i vanilla JS, w tym mega menu obsługiwane klawiaturą, menu mobilne z pułapką fokusu, wyszukiwarka w nagłówku i obsługa ograniczonego ruchu
  • Dwa własne typy treści, oferta i branża, oraz 6 grup pól ACF zdefiniowanych w kodzie, dzięki czemu redaktor wypełnia dane, a nie składa układy
  • Skrypty migracji, które przeniosły 27 stron do nowych typów treści i sprawdziły, że żaden tekst nie zginął
  • Wtyczka Max-Pak Backend: formularz zapytania (9 pól) i formularz oddzwonienia, walidacja po stronie serwera, honeypot, pułapka czasowa i limit wysyłek
  • Ekran leadów w kokpicie WordPressa ze statusami i eksportem do CSV
  • Baner cookies z Google Consent Mode v2 i rejestrem zgód, w którym adres IP jest zapisany tylko jako solony skrót
  • GTM i GA4 z konwersją generate_lead na stronie podziękowania
  • 3 kalkulatory folii (szerokość półrękawa, długość nawoju z masy rolki, zużycie stretchu na paletę), których wynik można dołączyć do zapytania
  • JSON-LD dla produktów, okruszków, FAQ i firmy, 28 przekierowań ze starych adresów, obrazy WebP, wcześniej wczytywany obraz LCP i fonty hostowane lokalnie

Trudne momenty i jak je rozwiązałem

  1. Problem

    14 stron branżowych było w 72-90% takich samych, więc jedna zmiana oznaczała ręczną edycję każdej z nich.

    Rozwiązanie

    Typ treści branża z polami ACF i jeden szablon. Skrypty migracji przeniosły treść i sprawdziły ją słowo po słowie.

  2. Problem

    Przy awarii serwera poczty zapytanie wysłane z formularza by przepadło.

    Rozwiązanie

    Każdy lead trafia do osobnej tabeli w bazie, zanim wyjdzie e-mail, a zespół widzi i eksportuje leady w kokpicie.

  3. Problem

    Analityka musiała czekać na zgodę, a jednocześnie nie gubić konwersji od osób, które się zgodziły.

    Rozwiązanie

    Consent Mode v2 startuje z odmową i jest aktualizowany z ciasteczka przed wczytaniem GTM. Wtyczka jest jedynym miejscem, które dodaje kontener GTM.

Wyniki

  • 12 stron ofert i 12 stron branż zarządzanych w polach ACF zamiast kopiowanych układów
  • Zapytania ofertowe zostają zapisane nawet przy awarii wysyłki e-maili
  • Konwersje mierzone zgodnie ze zgodą każdego odwiedzającego
  • Oferty i branże w sitemapie, z danymi strukturalnymi na stronach produktów

Ekrany

Przesuń palcem albo użyj przycisków, żeby przejrzeć ekrany.

  • Strona główna
    Komputer · Strona główna
  • Strona główna na telefonie
    Telefon · Strona główna na telefonie
  • Oferta, zbudowana z typu treści oferta
    Komputer · Oferta, zbudowana z typu treści oferta
  • Strona produktu z zapytaniem o wycenę
    Komputer · Strona produktu z zapytaniem o wycenę
  • Strona produktu na telefonie
    Telefon · Strona produktu na telefonie
  • Branże, jeden szablon dla każdej strony branży
    Komputer · Branże, jeden szablon dla każdej strony branży
  • Kalkulatory folii
    Komputer · Kalkulatory folii
  • Kalkulatory folii na telefonie
    Telefon · Kalkulatory folii na telefonie

Kontakt

Porozmawiajmy.

Szukasz frontend developera, który doprowadzi projekt aż do produkcji? Skorzystaj z formularza albo napisz bezpośrednio.

kontakt@mateuszcieplak.com

Dane służą wyłącznie do odpowiedzi. Formularz obsługuje Web3Forms.

Skontaktuj się