Jak dodać własny font do kuponu PDF w WooCommerce – Studium przypadku

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:

1. Po pierwsze, zmiana domyślnych fontów na te zgodne z brandingiem (szeryfowe).
2. 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.

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.

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

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.