# YayMail Pro - WooCommerce Email Customizer

> Vizuális szerkesztő a WooCommerce e-mail sablonjaihoz: áttekintés, követelmények és első lépések.

A YayMail Pro a WooCommerce által küldött e-mailek (új rendelés, teljesített rendelés, jelszó-visszaállítás és a többi) kinézetét teszi szerkeszthetővé. A sablonokat húzással építed fel: elemeket, oszlopokat, képeket, gombokat, közösségi ikonokat és kész mintákat tehetsz bele, majd élő előnézetben ellenőrzöd az eredményt.

## Mit tud

- A WooCommerce alap e-mail sablonjainak szerkesztése (alapból 15 sablon, köztük az Új rendelés, a Feldolgozás alatt, a Teljesített rendelés, a Jelszó-visszaállítás és az Új fiók).
- Közös fejléc és lábléc, amelyet egyszer tervezel meg, és minden sablonban megjelenik.
- Kész minták (fejléc, lábléc, szalaghirdetés, galéria, szállítás, ajánlat, bevezető) és saját minták mentése.
- Shortcode-ok a rendelés, a vásárló és az oldal adatainak beillesztéséhez.
- Előnézet asztali és mobil nézetben, tesztlevél küldése.
- Melléklet fájlok az e-mailekhez, sablonok exportja és importja, biztonsági mentés.
- Feltételek (például vásárlói szerepkör, rendelési összeg): egyes blokkok csak bizonyos vásárlóknak jelennek meg, vagy akár egész sablonváltozatok küldhetők feltételekkel.
- Kiegészítők (addonok) a más bővítmények által küldött e-mailek szerkesztéséhez.

## Követelmények

- PHP 5.6 vagy újabb
- WordPress 5.4 vagy újabb
- WooCommerce 4.0 vagy újabb (a bővítmény csak aktív WooCommerce mellett működik)
- Böngésző: Chrome, Firefox, Edge, Safari vagy Brave

Fontos: a szerkeszthető e-mailek típusa a WooCommerce-ben **HTML** legyen, különben a YayMail nem tudja alkalmazni a sablont.

## Első lépések

1. Telepítsd és aktiváld a bővítményt (lásd a [Telepítés](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/telepites/) fejezetet).
2. Nyisd meg a **YayCommerce → YayMail** menüt. Itt a felső sávban találod az **Email Templates**, a **Global Header & Footer**, a **Settings**, az **Addons** és a **Preview Email** fület.
3. Az **Email Templates** listában kattints egy sablon nevére, például az **Új rendelés** sorra.
4. A szerkesztőben húzz elemeket a sablonba, állítsd át a színeket és a szövegeket, majd kattints a **Save** gombra.
5. A **Preview Email** fülön nézd meg az eredményt, és küldj tesztlevelet.

![A YayMail fő oldala, az Email Templates lista](./kepek/sablonok.webp)

*A YayMail fő oldala, az Email Templates lista* (https://minta-bolt.hu/wp-admin/admin.php?page=yaymail-settings)

A kép a sablonlistát mutatja: minden sorban látszik a sablon neve, az állapota, a címzettje, a forrása és az utolsó módosítás ideje.

## Tartalom

- [Telepítés](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/telepites/): telepítés, licenckulcs, frissítés, eltávolítás
- [A felület áttekintése](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/attekintes/): sablonlista, közös fejléc és lábléc, kiegészítők, előnézet
- [A szerkesztő](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto/): elemek, minták, beállítások, előzmények, eszköztár
- [Beállítások](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/beallitasok/): szinkronizált minták, globális változók, mellékletek, import és export, migráció, mentések
- [Láthatósági feltételek](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/feltetelek/): blokkok és sablonváltozatok feltételekkel
- [Shortcode-ok](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/shortcodeok/): beépített és egyéni shortcode-ok, kupon a rendelés e-mailben
- [Testreszabás CSS-sel](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/css-testreszabas/): egyéni CSS, a rendelési táblázat elemeinek elrejtése, ár adóval

### A szerkesztő elemei

- [Az elempanel és az alap elemek](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-elemek-alap/): Basic elemek, a gomb beállításai, HTML és shortcode a szövegben
- [Elemek másolása és mentése mintaként](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-elemek-muveletek/): másolás, stílus másolása, minta létrehozása
- [Általános elemek](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-elemek-altalanos/): térköz, elválasztó, container, oszlopok
- [WooCommerce elemek és hookok](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-elemek-woocommerce/): címek, rendelés részletei, hook
- [Blokkok](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-elemek-blokkok/): kiemelt termékek, keresztértékesítés, értékelések, ajánlat, banner

### Beállítások panel

- [A beállítások panel](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-beallitasok-panel/): Global és Email Settings csoport, egyéni CSS bekapcsolása

### Minták panel

- [Kész minták és a könyvtár](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/szerkeszto-mintak-kategoriak/): fejléc, lábléc, banner, galéria, szállítás, ajánlat, bevezető és a Library

### Integrációk

- [Támogatott bővítmények](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-attekintes/): mely bővítmények adatai és e-mailjei szerkeszthetők, és hogyan
- [Szállításkövetés, jegyek, licenckulcsok, fizetés](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-szallitaskovetes-jegyek/): nyomkövetés, FooEvents, Software Addon, MakeCommerce
- [SkyVerge bővítmények és termékattribútumok](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-skyverge-attributumok/): egyéni rendelési mezők, állapotok, Show Attributes
- [Többnyelvű e-mailek és fordítás](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-tobbnyelvuseg/): WPML, Weglot, Loco Translate, TranslatePress, Polylang
- [Egyéni mezők és pénztármezők](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-mezok/): ACF, Checkout Field Editor, Flexible Checkout Fields
- [Egyéni rendelési állapotok](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-rendelesi-allapotok/): az állapotokhoz tartozó e-mailek sablonjai
- [Helyi átvétel, készletértesítő, nagykereskedelem](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/integraciok-atvetel-keszlet/): helyi átvétel, készletértesítő, nagykereskedelmi e-mailek

### Kiegészítők más bővítményekhez

- [Kiegészítők: gyakori bővítmények e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-attekintes/): Subscriptions, Germanized, Dokan, AutomateWoo, Follow Ups, Bookings, Gift Cards, Smart Coupons, Memberships, Pre-Orders, ParcelPanel
- [Kiegészítők: további bővítmények e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-tovabbi/): WCFM Marketplace, Affiliate For WooCommerce, Back In Stock Notifications, PW Gift Cards, Appointments, PluginHive Bookings, B2BKing, B2B Market, B2B & Wholesale Suite, TrackShip, Order Approval, SUMO Subscriptions
- [Kiegészítők: fizetés, aukció, tagság és piactér e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-tovabbi-2/): SUMO Payment Plans, German Market, WC Vendors, Print Invoices & Packing Lists, Deposits, Cart Abandonment Recovery, Waitlist, Simple Auctions, YITH Auctions, YITH Stripe, YITH Membership, YITH Subscription
- [Kiegészítők: YITH bővítmények e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-tovabbi-3/): YITH Booking and Appointment, Recover Abandoned Cart, Wishlist, Pre-Order, Gift Cards, Review For Discounts, Multi Vendor, Points and Rewards, Request a Quote, Affiliates, Coupon Email System, Advanced Refund System
- [Kiegészítők: szállítás, ajánlatkérés, piactér és egyéb bővítmények e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-tovabbi-4/): YITH Easy Login & Register Popup, Delivery Date, Order Delivery Date Pro, Colissimo, Deposits & Partial Payments, Custom User Registration Fields, Quotes, RMA, License Manager, Product Vendors, MultiVendorX, Stripe
- [Kiegészítők: B2B, pénztárca, pontrendszer, rendelésfelosztás és egyéb bővítmények e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-tovabbi-5/): WooCommerce B2B, Order Cancellation Email, Order Delivery, Account Funds, TeraWallet, Points And Rewards, Split Orders, WP Crowdfunding, PDF Product Vouchers, MultiLocation Inventory, Woo Sell Services, Return & Warranty Management
- [Kiegészítők: nagykereskedelem, marketing, sablonok és kívánságlisták e-mailjei](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/kiegeszitok-tovabbi-6/): WholesaleX, ShopMagic, Contact for Shipping Quote, MarketKing, AliDropship, Blocksy, Woodmart, QODE Wishlist, PDF Invoices & Packing Slips, YITH Donations

### Fejlesztőknek

- [A YayMail API áttekintése](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-api-attekintes/): sablonok, elemek és shortcode-ok regisztrálása, a bemutató minibővítmény
- [Elemek regisztrálása](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-elemek-regisztralasa/): PHP-regisztráció és a szerkesztő oldali React-komponens
- [Az elem osztálya és alapadatai](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-elem-osztaly/): `BaseElement`, alapértelmezett adatok, mezőtípusok
- [Az elem megjelenítése az e-mailben](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-elem-megjelenites/): PHP-sablon, biztonsági szabályok, saját tulajdonságszerkesztő
- [Shortcode-ok regisztrálása](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-shortcodeok-regisztralasa/): `BaseShortcode` és visszahívó függvények
- [E-mail sablonok regisztrálása](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-sablonok-regisztralasa/): `BaseEmail`, alapértelmezett elemek, a sablonfájl
- [E-mail hookok](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-hookok/): beépített hookok és egyéni hook a Hook elemmel
- [Kódrészletek](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-snippetek/): elemek engedélyezése adott e-mailben, oszlop a tételek táblázatában
- [Sablonok felülírása a témából](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-tema-integracio/): a `yaymail/emails` mappa és az átadott változók
- [Saját láthatósági feltétel](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-feltetel-osztaly/): `BaseConditionalLogic` osztály
- [Feltétel regisztrálása és példa](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/fejlesztoknek-feltetel-regisztralas/): a hook és a Vásárlói szerepkör feltétel

### Gyakori kérdések és hibaelhárítás

- [Gyakori kérdések](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/gyik/): új sablon, sablonfájlok helye, mentés, GDPR, többnyelvűség, GoDaddy
- [Hibaelhárítás](https://hub.hellowp.io/hu/plugins/email-customizer-for-woocommerce/hibaelharitas/): mentési hiba, tesztlevél, végtelen betöltés, emoji, külső bővítmények adata, gyorsítótár, GoDaddy