Z całą pewnością, jeśli tworzysz WooCommerce kupony PDF, zależy Ci na tym, by wyglądały profesjonalnie i spójnie z identyfikacją wizualną Twojej marki. Dlatego właśnie w tym artykule pokażemy, jak dodać niestandardową czcionkę do kuponu PDF za pomocą wtyczki Kupony PDF WooCommerce PRO. W praktyce to rozwiązanie przyda się każdemu, kto chce wyjść poza domyślne opcje kreatora WooCommerce. Co istotne, cały proces nie wymaga zaawansowanej wiedzy technicznej.
Problem z wyglądem WooCommerce kuponu PDF – potrzeba brandingu
W pewnym momencie zgłosił się do nas klient, który korzystał z wtyczki generującej WooCommerce kupony PDF. Mimo wygodnego kreatora, miał on dwie konkretne potrzeby:
- Po pierwsze, zmiana domyślnych fontów na te zgodne z brandingiem (szeryfowe).
- Po drugie, zwiększenie rozmiaru czcionki ponad dostępne w edytorze 72 px.
Wprawdzie projekt graficzny wyglądał estetycznie, ale gotowy kupon PDF znacznie odbiegał od oczekiwań. Co ciekawe, klient wskazał dwie czcionki dostępne w Google Fonts: PlayfairDisplaySC-Regular i League Spartan. W związku z powyższym zaproponowaliśmy personalizację poprzez wbudowane filtry wtyczki, ponieważ pozwalały one na pełną kontrolę nad stylem kuponów.
Domyślny zestaw fontów w większości kreatorów kuponów PDF sprawdza się w standardowych zastosowaniach, ale przestaje wystarczać w momencie, gdy marka ma już wypracowaną identyfikację wizualną i konkretne wytyczne typograficzne. Kupon, który wygląda profesjonalnie, ale nie pasuje krojem pisma do reszty komunikacji marki — strony sklepu, materiałów marketingowych, opakowań — tworzy wrażenie niespójności, nawet jeśli sam w sobie jest estetyczny. Dlatego możliwość wgrania własnej czcionki, a nie tylko wyboru z gotowej listy, bywa kluczowa dla sklepów dbających o szczegóły brandingu na każdym etapie kontaktu z klientem.
Jak dostosować WooCommerce kupony PDF do własnych potrzeb?
W tym celu, aby spełnić wymagania klienta, wprowadziliśmy dwa kluczowe usprawnienia. W rezultacie wygląd kuponu PDF został całkowicie dopasowany do identyfikacji wizualnej. Ponadto, każda zmiana była możliwa do wykonania przy użyciu wbudowanych narzędzi dostępnych we wtyczce.
1. Dodanie nowego fontu do edytora kuponów PDF
Na początek, pierwszy krok polegał na dodaniu własnej czcionki do listy dostępnych fontów w kreatorze:
add_filter( 'fcpdf/core/editor/fonts', function( $fonts ) {
$fonts['chango'] = [
'name' => 'Chango',
'url' => 'https://fonts.googleapis.com/css2?family=Chango&display=swap',
];
return $fonts;
});Ten fragment kodu klient mógł dostosować do swojej czcionki, np. PlayfairDisplaySC, co sprawiło, że proces był bardzo elastyczny.
2. Integracja fontu z generatorem WooCommerce kuponów PDF (MPDF)
Następnie skonfigurowaliśmy obsługę czcionki w systemie generowania plików PDF. Dzięki temu fonty mogły być w pełni zintegrowane z plikiem końcowym:
add_filter( 'fcpdf/core/fonts/dir', function ( $dirs ) {
$upload_dir = wp_upload_dir();
$font_dir = trailingslashit( $upload_dir['basedir'] ) . 'fonts';
$dirs[] = $font_dir;
return $dirs;
} );add_filter( 'fcpdf/core/fonts/data', function ( $fonts ) {
$fonts['chango'] = [
'R' => 'Chango-Regular.ttf',
'I' => 'Chango-Regular.ttf',
'B' => 'Chango-Regular.ttf',
'BI' => 'Chango-Regular.ttf',
];
return $fonts;
});🛈 Wymagane pliki .ttf należy przesłać do katalogu: wp-content/uploads/fonts/. Dzięki temu czcionka będzie widoczna i możliwa do użycia w całym systemie kuponów.
Warto zaznaczyć, że oba filtry działają niezależnie od tego, jaką czcionkę faktycznie chcesz dodać — zmieniasz jedynie nazwę czcionki, adres URL do Google Fonts (jeśli z niego korzystasz) oraz nazwy plików .ttf w drugim filtrze. Sama struktura kodu pozostaje identyczna niezależnie od tego, czy dodajesz jeden niestandardowy font, czy kilka wariantów (np. osobno pogrubienie i kursywę) — wystarczy rozszerzyć tablicę 'R', 'I', 'B', 'BI' o odpowiednie pliki czcionek.
Efekt: estetyczne i zgodne z brandingiem WooCommerce kupony PDF
W związku z tą modyfikacją, klient uzyskał w pełni spójny wizualnie dokument. Co więcej, potwierdził również, że:
- nowa czcionka pojawia się w edytorze szablonów,
- PDF generuje się poprawnie z użyciem nowego fontu,
- wygląd kuponu odpowiada projektowi.
Pomimo tego, że ograniczenia MPDF uniemożliwiają obecnie ustawienie większego rozmiaru niż 72 px, jednakże efekt końcowy okazał się satysfakcjonujący. W związku z tym klient nie zgłosił żadnych dodatkowych uwag.
Dlaczego warto dostosować WooCommerce kupony PDF?
Wtyczka Kupony PDF WooCommerce PRO daje ogromne możliwości, które pozwalają wyróżnić Twój sklep. Co więcej, możesz tworzyć dokumenty zgodne z identyfikacją wizualną i zachwycić klientów dbałością o detale. W efekcie zwiększysz wartość postrzeganą swojej marki.
Poniżej znajdziesz, co konkretnie zyskujesz:
- Po pierwsze: edytor kuponów typu drag & drop,
- Po drugie: integracja z zamówieniami WooCommerce,
- Po trzecie: możliwość dodania własnych fontów,
- Po czwarte: personalizacja koloru i rozmiaru tekstu,
- Po piąte: elastyczne filtry PHP dla zaawansowanych zastosowań.
📚 Dokumentacja techniczna:
👉 Kupony PDF WooCommerce PRO – dokumentacja
🧪 Zobacz kreator w akcji:
👉 Demo kreatora WooCommerce kuponów PDF
💬 Masz pytanie?
👉 Skontaktuj się z naszym zespołem wsparcia
Ten konkretny przypadek — zmiana fontu — to tylko jeden z przykładów tego, jak filtry PHP dostępne w Kuponach PDF WooCommerce PRO pozwalają wyjść poza standardowe ustawienia edytora. Ta sama logika (haki fcpdf/core/...) umożliwia też inne zaawansowane modyfikacje, jak dodawanie własnych źródeł danych do szablonu czy integrację z systemami zewnętrznymi. Dla sklepów, które regularnie napotykają ograniczenia domyślnego kreatora, znajomość tego mechanizmu filtrów otwiera drogę do praktycznie dowolnej personalizacji bez konieczności budowania wtyczki od zera.
Podsumowanie
Opisany przypadek pokazuje, że WooCommerce kupony PDF dają się dostosować do najbardziej wymagających projektów. Ze względu na elastyczność wtyczki i odpowiednie filtry, dlatego nawet nietypowe potrzeby – takie jak zmiana fontu – mogą zostać zrealizowane szybko i skutecznie.
Zastanawiasz się, jak osiągnąć podobny efekt? W takim razie wypróbuj Kupony PDF WooCommerce PRO w swoim sklepie WooCommerce i zyskaj pełną kontrolę nad wyglądem kuponów PDF.
FAQ
Czy dodanie własnej czcionki do kuponów PDF WooCommerce wymaga znajomości programowania?
Podstawowa znajomość PHP jest pomocna, ale sam proces polega na wklejeniu gotowego fragmentu kodu i podmianie nazwy czcionki oraz nazw plików .ttf — nie wymaga pisania kodu od podstaw.
Gdzie należy przesłać pliki czcionek .ttf, aby działały w Kuponach PDF WooCommerce PRO?
Pliki .ttf trzeba przesłać do katalogu wp-content/uploads/fonts/, aby wtyczka mogła je odczytać i wykorzystać przy generowaniu plików PDF.
Jaki jest maksymalny rozmiar czcionki w edytorze Kuponów PDF WooCommerce?
Ze względu na ograniczenia biblioteki MPDF, na której oparty jest generator PDF, maksymalny dostępny rozmiar czcionki w edytorze wynosi obecnie 72 px.
Czy funkcja dodawania własnych fontów jest dostępna w darmowej wersji Kuponów PDF WooCommerce?
Nie, personalizacja fontów za pomocą filtrów PHP jest dostępna wyłącznie w wersji PRO wtyczki Kupony PDF WooCommerce.
