PDF készítése beküldéskor, e-mailben és átirányítással

Ez a fejezet egy teljes példán mutatja végig, hogyan lesz egy beküldött űrlapból PDF, amelyet a látogató e-mailben megkap, és a böngészőben meg is nyit. A példaűrlap fotót feltöltő Media Field, Text Field (keresztnév, vezetéknév, e-mail), Number Field (tapasztalat években) és Textarea Field (bemutatkozás) mezőt tartalmaz.

1. A bővítmény bekapcsolása

1. Nyisd meg a JetFormBuilder → Addons oldalt.
2. Ha a PDF Attachment még az All Available Addons részben van, kattints az Install Addon, majd az Activate Addon gombra. Telepítés után a Your Installed Addons részben jelenik meg.

2. Az űrlap elkészítése

1. Nyisd meg a JetFormBuilder → Add New oldalt. Az új űrlap a blokkszerkesztőben nyílik meg.
2. Az üdvözlő blokkon kattints a Start from scratch gombra. Alapból egy Hidden Field, egy Text Field és egy Action Button kerül az űrlapra.
3. Írd be az űrlap nevét a cím helyére.
4. Töröld a Hidden Fieldet, és alakítsd át a mezőket a példa szerint: Media Field, három Text Field, Number Field, Textarea Field.

3. A beküldés utáni műveletek

Nyisd meg a jobb oldali JetForm fület, és ott a Post Submit Actions részt. A Save Form Record művelet alapból benne van. Érdemes meghagyni: ez teszi lehetővé, hogy a generált PDF bekerüljön a médiatárba, és a Form Records oldalon is megjelenjen a hivatkozása.

Generate PDF

1. Kattints a New Action gombra, és válaszd a Generate PDF műveletet.
2. Az Edit Generate PDF ablakban kattints az Add new template gombra. Új sablon nyílik.
3. Az alapértelmezett „Sample template” név helyére írd be a sablon nevét.
4. Alakítsd ki a sablont. A példában az Oszlopok blokk két részre osztja az oldalt: az első oszlopba Kép blokk kerül, a másodikba Táblázat.
5. Az értékeket makróval illeszd be. A blokkban kattints a [/] (Insert JetFormBuilder macros) gombra, és válaszd ki az űrlapmezőt. A képblokkhoz a fotó mezőjét, a táblázatba a keresztnevet, a vezetéknevet, az e-mailt és a tapasztalatot, az oszlop alá a bemutatkozó szöveget.
6. Kattints az Update gombra, és térj vissza az űrlaphoz.

A sablonok a JetFormBuilder → Sablonminták oldalon gyűlnek, és ugyanúgy szerkeszthetők, mint egy űrlap. A sablon részletes használatát a PDF-sablon szerkesztése fejezet írja le.

Az Edit Generate PDF ablakban ezután:

1. A FILE NAME mezőbe írd be a fájlnevet, vagy a csavarkulcs ikonnal válassz ki egy űrlapmezőt, amelynek értéke lesz a fájlnév. A példa a %_template_name% makrót használja, ami a sablon címét adja vissza.
2. Kapcsold be a Save generated PDF kapcsolót.
3. Görgess lejjebb, és szükség szerint írd át a HIBA A FÁJL LÉTREHOZÁSAKOR és a HIBA A MELLÉKLET LÉTREHOZÁSAKOR üzenetet. A beállításokat a Generate PDF beállításai fejezet foglalja össze.

Send Email: a PDF mellékletként

1. Az Edit Generate PDF ablakban kattints az Attach to the Send Email action gombra. Egy buborék jelenik meg a Confirm gombbal.
2. Kattints a Confirm gombra. A Generate PDF után bekerül egy Send Email művelet.
3. A buborék most azt írja, hogy a generate_pdf_<azonosító>_filepath mező bekerült a következő Send Email művelet mellékletei közé, és megjelenik a Go to the action hivatkozás.

https://minta-bolt.hu/wp-admin/

A képen a buborék a Go to the action hivatkozással, a jobb oldali listában pedig a két egymás után felvett művelet látszik.

4. Kattints a Go to the action hivatkozásra. Megnyílik az Edit Send Email ablak, és az ATTACHMENTS részhez görget: itt a generált PDF már hozzá van adva a mellékletekhez.

https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit

5. Görgess az ablak tetejére, és állítsd be a levelet. A példában a MAIL TO listából az Email from submitted form field értéket választottuk, a FROM FIELD mezőben pedig az űrlap e-mail mezőjét. Töltsd ki a SUBJECT mezőt, a CONTENT TYPE legyen Plain text, a CONTENT mezőbe pedig írd a levél szövegét.
6. Kattints az Update gombra.

Redirect to Page: a PDF megnyitása a böngészőben

Ez a művelet a beküldés után a látogatót közvetlenül a kész PDF-hez viszi.

1. Kattints a New Action gombra, és add hozzá a Redirect to Page műveletet. A ceruza ikonnal nyisd meg a beállításait.
2. A REDIRECT TO mezőben válaszd a Custom URL értéket.
3. A REDIRECT URL mező csavarkulcs ikonjára kattintva válaszd ki a PDF webcímét adó makrót (%generate_pdf_<azonosító>_url%).
4. Kattints az Update gombra, majd mentsd az űrlapot.

Az átirányítás makróinak részleteit a PDF letöltési link a beküldés után fejezet tárgyalja.

4. Az űrlap elhelyezése oldalon

Hozz létre egy oldalt (vagy nyiss meg egy meglévőt), és tedd rá a JetForm widgetet, blokkot vagy elemet. A Choose Form listában válaszd ki az elkészített űrlapot, majd mentsd az oldalt. Más oldalszerkesztőkben (például Gutenberg vagy Bricks) a JetFormBuilder saját űrlapblokkjával jeleníthetsz meg űrlapot.

5. Az eredmény ellenőrzése

1. A weboldalon töltsd ki az űrlapot, és küldd be. A Redirect to Page művelet miatt a böngészőben megnyílik a létrejött PDF.
2. Nézd meg a postaládát: a levél mellékletében ott a PDF, benne a beküldött adatokkal.
3. Nyisd meg a JetFormBuilder → Form Records oldalt, és bontsd ki a beküldés részleteit. Az oldal alján, a Generated PDF részben a View hivatkozás megnyitja a mellékletet a médiatárban. A Label & Name alatti fájlútvonal-hivatkozást a böngészőbe másolva is megnézheted a PDF-et.

A mentett fájlok szerveren lévő helyéről a Hol találod a generált PDF-eket fejezet szól.