Tips & Tricks

Jak dodać interaktywne przyciski do formularza PDF

Wypełnialny Formularze PDF zawierający same pola tekstowe i pola wyboru jest funkcjonalny, ale statyczny. Dodanie interaktywnych przycisków przekształca płaski formularz w łatwy w nawigacji, responsywny dokument, który prowadzi użytkowników przez sekcje, automatycznie wykonuje obliczenia i przesyła kompletne dane jednym kliknięciem, zamiast wymagać od użytkownika ręcznego zapisywania i wysyłania pliku pocztą elektroniczną. Przyciski mogą przywracać wartości domyślne wszystkich pól formularza, drukować wypełniony dokument, nawigować użytkownika pomiędzy sekcjami wielostronicowego formularza, uruchamiać niestandardowe obliczenia i wysyłać dane formularza na serwer internetowy lub na adres e-mail. Proces ich dodawania wymaga edytora PDF obsługującego pełną specyfikację Acrobat Forms, ponieważ podstawowe edytory często ograniczają tworzenie formularzy wyłącznie do pól tekstowych i pól wyboru.

How to Add Interactive Buttons to a PDF Form

Wybór odpowiedniego edytora PDF do tworzenia przycisków

Nie każdy edytor PDF obsługuje pełny zestaw akcji przycisków zdefiniowanych w specyfikacji PDF. Adobe Acrobat Pro zapewnia najbardziej wszechstronny zestaw narzędzi przycisków, w tym wyzwalacze JavaScript umożliwiające wykonywanie zaawansowanych zachowań, takich jak sprawdzanie poprawności pól i widoczność warunkowa. Przeglądarkowe edytory PDF znacznie się poprawiły w tym obszarze, a kilka z nich oferuje obecnie wstawianie przycisków w ramach swoich zestawów narzędzi do tworzenia formularzy obok standardowych pól tekstowych i pól wyboru. Wybierając narzędzie, upewnij się, że obsługuje ono konkretnie typ pola Przycisk, a nie tylko pola tekstowe i pola wyboru. Narzędzie formularzy oferujące jedynie pola do wprowadzania tekstu i podstawowe narzędzia do adnotacji nie może tworzyć funkcjonalnych przycisków interaktywnych.

W przypadku alternatywy opartej na przeglądarce, która nie wymaga instalacji oprogramowania, platformy takie jak WukongPDF zawierają narzędzia pól formularzy, które obsługują najczęstsze działania przycisków, takie jak nawigacja po stronie, wysyłanie formularzy i resetowanie pól. Zaletą narzędzia opartego na przeglądarce jest natychmiastowy dostęp na wszystkich urządzeniach, bez konieczności instalacji lub licencjonowania. Aplikacje komputerowe są nadal preferowane w przypadku złożonych przycisków opartych na języku JavaScript, które sprawdzają poprawność danych wejściowych użytkownika w wielu polach lub wykonują logikę warunkową w oparciu o wartości formularzy, ponieważ te zaawansowane skrypty wymagają pełnego interfejsu API JavaScript Acrobat.

WukongPDF

Wypróbuj opcję Edytuj plik PDF

Nie wymaga instalacji. Działa bezpośrednio w Twojej przeglądarce.

Zacznij teraz →

Dodawanie przycisków nawigacyjnych pomiędzy stronami

Przyciski nawigacyjne to najbardziej praktyczny i szeroko obsługiwany typ przycisku Interaktywny PDF dla formularzy wielostronicowych. Przyciski Przejdź do następnej strony i Przejdź do poprzedniej strony zapobiegają konieczności ręcznego przewijania lub przesuwania długiego formularza, co jest szczególnie przydatne na urządzeniach mobilnych, gdzie interfejs przeglądarki plików PDF zajmuje już znaczną część ekranu. Aby dodać przycisk nawigacyjny, otwórz edytor formularzy, wybierz narzędzie Przycisk z paska narzędzi pola formularza i narysuj prostokąt w miejscu, w którym przycisk powinien pojawić się na stronie. W oknie dialogowym właściwości przycisku znajdź kartę Akcje, dodaj nowy wyzwalacz akcji ustawiony na opcję Mouse Up i wybierz opcję Wykonaj element menu lub Uruchom JavaScript, w zależności od tego, co obsługuje edytor. W przypadku przycisku następnej strony najprostszą akcją JavaScript jest pojedyncza instrukcja this.pageNum++, która zwiększa numer bieżącej strony.

Oznacz przycisk wyraźnym tekstem zorientowanym na działanie. Etykieta taka jak Następna strona lub powszechnie znana ikona strzałki w prawo daje użytkownikom natychmiastowe i jednoznaczne oczekiwanie, co się stanie po kliknięciu. Ustaw wygląd przycisku na karcie Opcje w oknie dialogowym właściwości. Wybierz kolor tła, który wyraźnie kontrastuje z zawartością strony, dodaj wyraźną ramkę, aby zdefiniować obszar klikalny i ustaw rozmiar czcionki na tyle duży, aby wygodnie czytać i stukać na ekranie telefonu komórkowego. Przycisk powinien mieć co najmniej 100 pikseli szerokości i 40 pikseli wysokości na standardowej stronie formatu Letter, aby zapewnić wygodę dotyku.

Tworzenie przycisku przesyłania danych formularza

Przycisk Prześlij wysyła wypełnione dane formularza do skonfigurowanego miejsca docelowego, zamykając pętlę pomiędzy wypełnianiem formularza przez użytkownika a danymi docierającymi tam, gdzie powinny trafić. Na karcie Właściwości przycisku Akcje wybierz opcję Prześlij formularz z listy rozwijanej typu akcji. Następnie skonfiguruj adres URL przesyłania. Aby wysłać wypełniony formularz e-mailem, wpisz mailto:address@example.com jako adres URL. Otworzy się domyślny klient poczty e-mail użytkownika z załączonymi danymi formularza. W przypadku przetwarzania po stronie serwera wprowadź pełny adres URL punktu końcowego HTTPS, który będzie odbierał i analizował ładunek danych formularza zgodnie z konfiguracją zaplecza.

Ustawienie formatu eksportu określa strukturę przesyłanych danych i sposób, w jaki odbiorca będzie z nimi współdziałać. FDF (Forms Data Format) wysyła tylko nazwy pól i ich bieżące wartości, tworząc kompaktowy ładunek, który odbiorca może zaimportować z powrotem do oryginalnego pustego szablonu formularza, aby wyświetlić wypełnione dane w kontekście. XFDF to oparta na XML wersja tej samej koncepcji, łatwiejsza do analizy przez zautomatyzowane systemy. HTML eksportuje dane w postaci prostych par nazwa-wartość, które można odczytać w dowolnej przeglądarce bez specjalnych narzędzi. Plik PDF eksportuje całą wypełnioną kopię dokumentu z wypełnionymi wszystkimi polami. Wybierz format w oparciu o sposób, w jaki odbiorca przetworzy przesłanie. W przypadku automatycznego przyjmowania do baz danych lub systemów CRM, HTML lub XFDF jest zazwyczaj najłatwiejszy do programowej analizy. Dla odbiorców, którzy muszą zobaczyć wypełniony formularz, wysłanie pełnego pliku PDF jest najbardziej praktyczną i samodzielną opcją.

Tworzenie przycisku resetowania w celu wyczyszczenia wszystkich pól

Przycisk Resetuj powoduje przywrócenie każdego pola formularza do stanu domyślnego lub pustego w ramach jednej akcji, dzięki czemu użytkownicy mogą zacząć od początku bez ręcznego zaznaczania i usuwania tekstu z poszczególnych pól. W zakładce Akcje przycisku z listy typów akcji wybierz opcję Resetuj formularz. Pojawi się okno dialogowe zawierające listę wszystkich pól formularza w dokumencie. Zaznacz pola obok pól, które powinny zostać zresetowane po kliknięciu przycisku. Zazwyczaj wybierane są wszystkie pola, które użytkownik może wypełnić, ale istnieją uzasadnione przypadki, w których niektóre pola powinny pozostać zachowane po zresetowaniu. Pole datownika, wstępnie wypełniona nazwa firmy lub numer referencyjny dokumentu nie powinny zostać usunięte, gdy użytkownik resetuje swoje osobiste wpisy.

Przycisk Resetuj powinien wizualnie różnić się od przycisku Prześlij, aby zapobiec kosztownym przypadkowym kliknięciom. Użyj neutralnego koloru o niskim nacisku, takiego jak jasnoszary lub biały z cienką krawędzią w przypadku resetowania, i zarezerwuj odważny kolor o wysokim kontraście, np. niebieski lub zielony w przypadku przesyłania. Umieść przycisk Resetuj po lewej stronie opcji Wyślij, zgodnie z ustaloną konwencją internetową i aplikacyjną, zgodnie z którą główne działania posuwające się do przodu pojawiają się po prawej stronie, a działania wtórne lub destrukcyjne po lewej stronie. Taki układ przestrzenny znacznie zmniejsza ryzyko, że użytkownik kliknie Resetuj, gdy zamierzał kliknąć Wyślij po dziesięciu minutach wypełniania szczegółowego formularza.

Testowanie przycisków w różnych przeglądarkach plików PDF

Przycisk, który doskonale działa w programie Adobe Acrobat, może zupełnie nic nie działać w przeglądarce plików PDF opartej na przeglądarce, mobilnej aplikacji PDF lub aplikacji Podgląd na komputerze Mac. Każda przeglądarka inaczej implementuje interaktywną specyfikację PDF, a niektóre przeglądarki po prostu całkowicie ignorują określone typy działań ze względów bezpieczeństwa lub zgodności. Po zbudowaniu formularza Interaktywny PDF z przyciskami przetestuj każdy przycisk w co najmniej trzech różnych środowiskach: Adobe Acrobat Reader na komputerze stacjonarnym, domyślna przeglądarka plików PDF w przeglądarce Chrome lub Edge oraz mobilna aplikacja PDF, taka jak Apple Books lub Adobe Acrobat Reader dla systemu iOS lub Android.

Poniższa tabela podsumowuje, które akcje przycisków są obsługiwane w popularnych środowiskach przeglądania plików PDF:

Akcja przyciskuAcrobat DesktopChrome/EdgeAplikacje mobilne
Nawigacja stronyPełne wsparciePełne wsparcieCzęściowy
Prześlij dane z formularzaPełne wsparcieCzęściowyOgraniczony
Zresetuj pola formularzaPełne wsparciePełne wsparciePełne wsparcie
Wydrukuj dokumentPełne wsparcieCzęściowyOgraniczony

W przypadku przycisków wymagających wykonania JavaScriptu należy pamiętać, że większość przeglądarek PDF opartych na przeglądarce całkowicie wyłącza JavaScript ze względów bezpieczeństwa. Jeśli Twój formularz wykorzystuje przyciski JavaScript do sprawdzania poprawności pól lub skomplikowanych obliczeń, umieść widoczną notatkę w górnej części formularza, instruując użytkowników, aby otworzyli dokument w programie Adobe Acrobat Reader, aby uzyskać pełną interaktywną funkcjonalność.

Dodanie przycisku drukowania do prowadzenia dokumentacji papierowej

Przycisk Drukuj osadzony bezpośrednio w formularzu uruchamia systemowe okno dialogowe drukowania, które jest przydatne w przypadku formularzy wymagających podpisów fizycznych lub kopii papierowych po cyfrowym uzupełnieniu. Typ akcji to Wykonaj element menu, a konkretną pozycją menu do wybrania jest Plik, a następnie Drukuj. Jest to wbudowana akcja programu Acrobat, która nie wymaga kodowania JavaScript, dzięki czemu jest kompatybilna ze wszystkimi głównymi przeglądarkami plików PDF obsługującymi typ akcji wykonywania menu.

Umieść przycisk Drukuj z dala od głównych przycisków Prześlij i Resetuj, aby uniknąć nieporozumień. Typowy układ umieszcza opcję Drukuj w obszarze nagłówka pierwszej strony lub w wierszu paska narzędzi u góry, natomiast opcje Wyślij i Resetuj zajmują obszar stopki ostatniej strony. To fizyczne oddzielenie sprawia, że odrębny cel każdego przycisku jest jasny dzięki projektowi przestrzennemu, a nie poleganiu wyłącznie na etykiecie tekstowej.

Dodawanie podpowiedzi i tekstu wyświetlanego do przycisków formularzy

Etykietka narzędzia zawiera krótki opis, który pojawia się, gdy użytkownik najedzie kursorem na przycisk. Ten niewielki dodatek znacznie poprawia użyteczność formularzy, szczególnie w przypadku przycisków z etykietami zawierającymi wyłącznie ikony lub w formularzach udostępnianych użytkownikom, którzy mogą nie być zaznajomieni z interaktywnymi funkcjami PDF. W oknie dialogowym właściwości przycisku znajdź kartę Ogólne i poszukaj pola Etykietka. Wpisz krótki, zorientowany na działanie opis, taki jak Kliknij, aby wysłać wypełniony formularz lub Przejdź do następnej sekcji wniosku. Etykieta narzędzia powinna mieć mniej niż 60 znaków, aby wyświetlała się w całości na większości ekranów bez obcinania.

Testowanie podpowiedzi wśród widzów jest równie ważne, jak testowanie samych działań przycisków. Niektóre mobilne przeglądarki plików PDF w ogóle nie obsługują stanów najechania, ponieważ ekrany dotykowe nie mają odpowiednika najechania. W przypadku formularzy przeznaczonych głównie dla użytkowników mobilnych umieść widoczną etykietę tekstową bezpośrednio na przycisku lub obok niego, zamiast polegać na podpowiedzi, której użytkownicy nigdy nie zobaczą. Połączone podejście, obejmujące zarówno widoczną etykietę, jak i etykietkę narzędzia, zapewnia najlepsze wrażenia w środowiskach stacjonarnych i mobilnych.

WukongPDF

Wypróbuj opcję Edytuj plik PDF

Nie wymaga instalacji. Działa bezpośrednio w Twojej przeglądarce.

Zacznij teraz →