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

> Lépésről lépésre: űrlap, PDF-sablon, Generate PDF, Send Email és Redirect to Page művelet egymás után.

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 Field**et, é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](https://hub.hellowp.io/hu/plugins/jet-form-builder-pdf/sablonszerkeszto/) 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](https://hub.hellowp.io/hu/plugins/jet-form-builder-pdf/beallitasok/) 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.

![A Generate PDF ablak buborékja: a PDF útvonala bekerült a Send Email mellékletei közé](./kepek/pdf-email-melleklet.webp)

*A Generate PDF ablak buborékja: a PDF útvonala bekerült a Send Email mellékletei közé* (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.

![Az Edit Send Email ablak ATTACHMENTS része a PDF útvonalát tartalmazó mezővel](./kepek/pdf-send-email-mellekletek.webp)

*Az Edit Send Email ablak ATTACHMENTS része a PDF útvonalát tartalmazó mezővel* (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](https://hub.hellowp.io/hu/plugins/jet-form-builder-pdf/pdf-letoltesi-link/) 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](https://hub.hellowp.io/hu/plugins/jet-form-builder-pdf/pdf-fajlok-elerese/) fejezet szól.