Wordpress

A WooCommerce Checkout oldal teljes útmutatója

A WooCommerce egy rugalmas és hatékony beépülő modul, amellyel WordPress-webhelyét dinamikus e-kereskedelmi üzletté alakíthatja. Ha azonban szeretné csökkenteni a bevásárlókosár elhagyását, növelni a konverziókat, és növelni a bevételt, fontos, hogy alaposan figyeljen a WooCommerce fizetési oldalára.

A WooCommerce fizetési oldalának stílusának és szerkesztésének sokféle módja van. Akár az első online boltot indítja el, és szeretné megérteni, hogyan működik ez az oldal, akár javítani szeretné a fizetési élményt a meglévő WooCommerce webhelyén, mi mindenben megtaláljuk.

Ebben a bejegyzésben elmagyarázzuk, mi az a WooCommerce fizetési oldal, és hogyan működik. Ezután végigvezetjük a stílus, a módosítás és a konverziók bővítményekkel, kóddal, témákkal stb.

És ne feledje, a végső cél az üzlet bevételének növelése. Tehát feltétlenül töltse le a mi ingyenes e-könyv, 10 módszer a WooCommerce termékoldal-konverziók növelésére.

Ugorjunk be rögtön!

A WooCommerce Checkout oldal áttekintése

Amikor először állítja be a WooCommerce áruházat, a beépülő modul automatikusan létrehoz és hozzárendel egy fizetési oldalt. Ha megnézi az előnézetet a webhelye elején, észre fogja venni, hogy ez meglehetősen egyszerű:

woocommerce fizetési oldal
Az alapértelmezett WooCommerce fizetési oldal.

Alapértelmezés szerint a WooCommerce néhány alapvető információt kér az ügyfelektől. Ebbe beletartozik:

  • Számlázási adatok
  • Kereszt-és vezetéknév
  • Társaság neve
  • Cím (város/város, ország, kerület és irányítószám/irányítószám)
  • Telefonszám
  • E-mail cím
  • rendelés megjegyzései
  • Adatvédelmi nyilatkozat

Ez fontos információ, amelyet fel kell tüntetni a WooCommerce fizetési oldalán. Megadja azokat az adatokat, amelyek szükségesek ahhoz, hogy az ügyfél a vásárlás befejezéséhez, a webhely pedig a fizetési adatainak feldolgozásához szükséges.

Itt azonban semmi sem segíti elő a konverziók számának növelését vagy a fizetések elhagyását. Sőt, előfordulhat, hogy az alapértelmezett oldal nem a legrelevánsabb vagy leghasznosabb információkat kínálja az Ön vállalkozása számára. Ezért sok WooCommerce-webhely-tulajdonoshoz hasonlóan Ön is módosítani szeretné a fizetési oldal megjelenését és tartalmát.

Mielőtt rátérnénk a WooCommerce fizetési oldalának testreszabásának különböző módjaira, először is meg kell értened néhány dolgot.

Beszéljünk arról, hol található ez az oldal, valamint a WooCommerce bővítményben elérhető különféle alapértelmezett beállítások és szolgáltatások.

Hol található az alapértelmezett WooCommerce Checkout oldal és a beállítások

A WooCommerce automatikusan létrehoz egy fizetési oldalt az üzlete számára, amint aktiválja a bővítményt. Megkeresheti, ha navigál ide oldalak > Megrendelés a rendszergazdai irányítópulton:

oldalak woocommerce checkout
A Checkout oldal a WooCommerce-ben.

Ezt az oldalt ugyanúgy szerkesztheti, mint bármely WordPress-tartalmat. Például megváltoztathatja az oldal címét és állandó hivatkozását, hozzáadhat kiemelt képet, módosíthatja az oldal attribútumait stb. A [woocommerce_checkout] rövid kódot is használja:

woocommerce checkout rövid kódja
A WooCommerce fizetési oldal rövid kódja a WordPressben.

Az oldal konfigurálásához néhány szabványos beállítás áll rendelkezésre, amelyek közül néhányat itt talál WooCommerce > beállítások > Haladó:

woocommerce speciális beállítások
A „Speciális” lap a WooCommerce beállításaiban

Ezen a képernyőn a Page Setup szakaszban választhat másik oldalt az üzlet pénztári képernyőjeként. Lehetőséged van kényszeríteni is biztonságos HTTPS kapcsolat.

A általános beállítások oldalon engedélyezheti a kuponok fizetéskor történő felhasználását, és beállíthatja az adók kiszámításának módját:

woocommerce kuponadók
A WooCommerce általános beállítási oldala.

Alatt Fiókok & Adatvédelem lapon is talál néhány lehetőséget a fiók létrehozására és a vendég fizetésre:

woocommerce fiókok adatvédelme
A WooCommerce beállításainak „Fiókok és adatvédelem” lapja

Ez alatt van egy Adatvédelem szakasz, ahol módosíthatja a pénztár oldalon megjelenő adatvédelmi szabályzat szövegét:

woocommerce adatvédelmi szabályzata
Adatvédelmi irányelvek beállításai a WooCommerce-ben

Ezeken a beépített beállításokon túl korlátozott lehetőségei vannak a fizetési oldal testreszabására a WooCommerce használatával plugin egyedül. Szerencsére vannak más módszerek is, amelyek segítségével javíthatja megjelenését és kiterjesztheti funkcionalitását.

Miért érdemes megváltoztatni a WooCommerce fizetési oldalát?

A fizetési oldal az utolsó, amit az ügyfelek látnak a vásárlás befejezése előtt. Ez különbséget tehet aközött, hogy konverziót hajtanak végre, vagy teljesen elhagyják a webhelyet.

Emiatt alapvető fontosságú, hogy megbizonyosodjon arról, hogy WooCommerce fizetési oldala jól van megtervezve, és úgy működik, hogy ösztönözze a konverziókat. Számos módja van a jobb élmény biztosításának, például:

  • A terv és az oldalsablon módosítása
  • Egyoldalas pénztár létrehozása
  • Mezők hozzáadása, eltávolítása vagy átrendezése
  • A beviteli mezők címkéinek és a gombok szövegének módosítása
  • Bizonyos mezők kitöltése kötelező
  • Automatikusan elindítja az ingyenes szállítást
  • Termékek közvetlen linkelése a pénztári oldalra

Függetlenül attól, hogy az alapértelmezett oldalt teljesen át akarja javítani, vagy kisebb módosításokat szeretne végrehajtani, az a fontos, hogy ezt könnyedén meg tudja tenni. Szerencsére több lehetőséged van.

 

Szeretné… ✅ csökkenteni a bevásárlókosár elhagyását, ✅ növelni a konverziókat és ✅ növelni a bevételt? Akkor ez a cikk neked szól.👇 Tanuld meg, hogyan készíthetsz személyre szabott WooCommerce fizetési oldalt percek alatt ⏱Kattintson Tweet

Módszerek, amelyek segítségével megváltoztathatja WooCommerce fizetési oldalát

Számos módja van a WooCommerce fizetési oldal módosításának. A legmegfelelőbb választás néhány tényezőtől függ, például a konkrét szerkesztéstől és a kódolás kényelmétől.

Néhány módszer, amellyel javíthatja WooCommerce fizetési oldalát:

  • WooCommerce funkciók, blokkok és rövid kódok. A WooCommerce néhány beépített funkcióval és beállítással rendelkezik, amelyek segítségével javíthatja üzletét. Például automatikusan kiválthatja az ingyenes szállítást, valamint közvetlenül linkelheti a termékeket a fizetési oldalra. Vannak blokkok és rövid kódok is az oldal módosításához.
  • Bővítmények és bővítmények. Ha nem jártas a technológiában, vagy egyszerűen csak egy gyors és problémamentes módot szeretne WooCommerce fizetési oldalának javítására, akkor rengeteg beépülő modult használhat. A legtöbb könnyen elkezdhető, és kevés támogatást igényel. Egyes bővítményeket a WooCommerce biztosít, és elérhető a bővítménykönyvtárból, míg másokat külső platformok fejlesztenek és kínálnak.
  • Oldalsablonok és témák. Ha meg szeretné változtatni a fizetési oldal stílusát, használhat előre elkészített sablont vagy témát. A beépülő modulokhoz hasonlóan ez is jó választás, ha korlátozott kódolási tapasztalattal rendelkezik, és módosítani szeretné az oldal általános megjelenését, hogy jobban illeszkedjen a márkához. Hátránya, hogy nem kínál akkora rugalmasságot, mint az egyéni kódolás.
  • Egyéni kód. Egy másik módszer, amellyel módosíthatja a WooCommerce fizetési oldalát, az egyéni kódolás. Ez egy hatékony út, ha kényelmesen tudja szerkeszteni webhelye fájljait, és sok személyre szabást szeretne hozzáadni.

A következő szakaszokban áttekintjük a WooCommerce oldalán végrehajtható leghatékonyabb változtatásokat. Mindegyiknél elmagyarázzuk, miért érdemes elvégezni a szerkesztést, és végigvezetjük a különböző módszereken, amelyekkel ezt elvégezheti.

A WooCommerce Checkout mezők testreszabása

A WooCommerce oldalon az egyik leggyakoribb változtatás az űrlapmezők módosítása. Általában ezek foglalják el a legtöbb helyet az oldalon, ezért relevánsaknak kell lenniük. Akár eltávolítani szeretné a mezőket, akár át szeretné rendezni a sorrendjüket, vagy új egyéni mezőket szeretne hozzáadni, néhány lehetőség közül választhat. Használhat bővítményt, vagy közvetlenül szerkesztheti a kódot.

Beépülő modul használata a WooCommerce Checkout mezők módosításához

Ha gyors és egyszerű módot szeretne a fizetési mezők testreszabására a WooCommerce-ben, javasoljuk egy bővítmény használatát. Maroknyi lehetőség közül választhat.

Az egyik legnépszerűbb a Checkout Field Editor bővítmény:

pénztármező szerkesztő
A Checkout Field Editor WooCommerce beépülő modulja

Ez egy ingyenes eszköz, amely lehetővé teszi az űrlapmezők hozzáadását vagy szerkesztését a WooCommerce fizetési oldalán. Bizonyos mezőket engedélyezhet vagy letilthat, valamint átrendezheti a sorrendjüket.

Bár az ingyenes verzió lehetővé teszi ezeknek az alapvető feladatoknak a kezelését, a WooCommerce Checkout Field Editor Pro további funkciókat is tartalmaz. Ez 17 mezőtípust és egyedi horgokat foglal magában.

A bővítmény használatához telepítheti a WooCommerce webhelyére, ehhez navigáljon ide Dugó > Új majd keresve azt. Ha megtalálta, kattintson a Telepítés most gombot, majd a Aktiválja.

Ha aktiválva van, a következő címen konfigurálhatja a beállításokat WooCommerce > Fizetési űrlap:

fizetési űrlap szerkesztő
A Checkout Űrlapszerkesztő bővítmény a WooCommerce-ben

Három különböző típusú mezőt szerkeszthet:

  1. Számlázás
  2. Szállítás
  3. További

Kiválaszthatja a módosítani kívánt mezőt, majd kattintson a gombra eltávolít, engedélyezésevagy Kikapcsolja gomb. Új mező hozzáadásához válassza a lehetőséget Mező hozzáadása.

Ha módosítani szeretne egy meglévő űrlapmezőt, válassza ki a bal oldali négyzetet, és kattintson a gombra szerkesztése gomb. Megnyílik egy panel, ahol módosíthatja a mező típusát (csak a prémium verzióban), szerkesztheti a mező címkéjét, kiválaszthatja, hogy kötelező lesz-e, és így tovább:

pénztár mező szerkesztése
A fizetési mező szerkesztése panel a Checkout Field Editor WooCommerce beépülő moduljában

Ha végzett, kattintson a Megtakarítás gomb. Ha végzett a pénztári oldal mezőiben a kívánt változtatásokkal, feltétlenül nyomja meg a gombot változtatások mentése a képernyő alján.

Részletesebb útmutatásért tekintse meg a WooCommerce dokumentációját a Checkout Field Editor beépülő modul használatáról.

Természetesen ez csak egy a sok plugin közül, amelyek segítségével módosíthatja a WooCommerce fizetési mezőit. További megfontolandó lehetőségek közé tartozik a Flexible Checkout Fields és a WooCommerce Checkout Manager, amelyekről ebben a bejegyzésben később még részletesebben fogunk beszélni.

A Checkout mezők szerkesztése kóddal

Egy másik lehetőség a WooCommerce fizetési oldalán lévő mezők szerkesztésére az egyéni kódolás használata. Természetesen ehhez bizonyos szintű technikai tudásra és kényelemre van szükség a webhely fájljaival való munkavégzés során. Az előnye, hogy nagyobb rugalmassággal rendelkezik a testreszabás terén, mint egy harmadik féltől származó bővítmény esetén.

A fizetési mezőket a webhelye használatával szerkesztheti functions.php fájl és szűrők, például:

  • woocommerce_checkout_fields
  • woocommerce_billing_fields
  • Woocommerce_shipping_fields

A WooCommerce műveletek és szűrők lehetővé teszik a fizetési mezők szinte tetszés szerinti kezelését. Például teljesen eltávolíthatja őket, újakat adhat hozzá, vagy módosíthatja a megjelenített szöveget. Használni a woocommerce_checkout_fields szűrő lehetővé teszi bármely mező felülbírálását.

Tegyük fel, hogy módosítani szeretné a helyőrző szövegét order_comments terület. Alapértelmezés szerint a következőképpen van beállítva:

_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')

A módosításhoz hozzáadhatja ezt a kódrészletet a kódjához functions.php file:

// Hook in

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!

function custom_override_checkout_fields( $fields ) {

$fields['order']['order_comments']['placeholder'] = 'My new placeholder';

return $fields;

}

Egy mező eltávolításához a következőket használhatja:

// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {

unset($fields['order']['order_comments']);

return $fields;

A fizetési oldalon számos módosítást végezhet a mezőkön, ezért itt nem fogunk mindegyiket megvizsgálni. Hasznos listát találhat a felülbíráló fizetési mezőkódokról a GitHubon.

A WooCommerce Checkout oldalsablon megváltoztatása

Alapértelmezés szerint a WooCommerce fizetési oldal sablonja a webhely témáján alapul. De lehet, hogy meg akarja változtatni a designt, hogy jobban illeszkedjen a márkajelzéséhez, vagy csak enyhe módosításokat szeretne végrehajtani a sablonoldal tartalmán.

A két fő módszer, amellyel ezt megváltoztathatja, egy előre elkészített sablon vagy kód hozzáadása. Kezdjük az előbbivel.

Kezdje egy előre elkészített sablonnal a fizetési oldal testreszabásához

A WooCommerce fizetési oldal megjelenésének megváltoztatásának legegyszerűbb módja egy előre elkészített téma telepítése, például a WooCommerce Themes Store témái. Számos ingyenes lehetőség, valamint prémium témák állnak rendelkezésre.

Kereshet például egyoldalas fizetési témákra, vagy bármilyen más specifikus sablonra, amelyet szeretne használni. Rengeteg WooCommerce témát is találhat az Envato Marketen.

Kód használata a WooCommerce Checkout oldalsablon testreszabásához

Ha jól tudja szerkeszteni a kódot, manuálisan is módosíthatja a fizetési oldal sablonját. Tárhelyszolgáltatójától függően ezt megteheti a cPanel Fájlkezelőjével vagy egy Secure File Transfer Protocol (SFTP) klienssel.

A műveleti horgok segítségével elemeket adhat hozzá, szerkeszthet vagy távolíthat el a fizetési oldalról. Kilenc fő műveleti horogot használ a WooCommerce a fizetési oldalon:

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_checkout_billing
  • woocommerce_checkout_shipping
  • woocommerce_checkout_after_customer_details
  • woocommerce_checkout_before_order_review
  • woocommerce_checkout_order_review
  • woocommerce_checkout_after_order_review
  • Woocommerce_after_checkout_form

Ezek a műveleti horgok jelöléseket adnak az oldalhoz, amelyek segítségével személyre szabhatja annak stílusát és funkcionalitását. Ha ezeket a műveleti horgokat szeretné használni a fizetési oldal sablonjának módosításához, ezt a fizetési űrlap PHP fájljának szerkesztésével teheti meg.

A WooCommerce sablonfájlokat itt találja meg /woocommerce/templates. Webhelye gyökérkönyvtárából ide kell navigálnia wp-content/plugins/woocommerce:

woocommerce sablonok mappába
A WooCommerce sablonok mappa

Ezeken a fájlokon belül vannak akasztók, amelyek segítségével tartalmat adhat hozzá és átrendezhet a sablonoldalon anélkül, hogy ténylegesen szerkesztené a sablonfájlokat. Egyéni témasablon létrehozásához a fizetési oldalhoz először létre kell hoznia egy „woocommerce/checkout” mappát a téma mappájában.

Ezután másolja ki a WooCommerce fizetési oldal sablonját, amelyet itt találhat meg woocommerce/templates/checkout/form-checkout.php:

woocommerce fizetési űrlap
A WooCommerce fizetési oldal sablonfájlja

Ezután adja hozzá az újonnan létrehozott mappához. Ezt követően szerkesztheti a fájlt a kívánt módosítások elvégzéséhez. A fájl mentésekor a WooCommerce beépülő modul betölti ezt a sablont, és felülírja az alapértelmezett oldalsablont.

Egyoldalas WooCommerce Checkout létrehozása

Az egyik módja annak, hogy javítsa ügyfelei fizetési élményét, és eközben csökkentse az elhagyási arányt, az, hogy a lehető leggyorsabb és egyszerűbb legyen. Ha le szeretné rövidíteni a fizetési folyamatot, ezt úgy teheti meg, hogy létrehoz egy egyoldalas fizetést a WooCommerce-ben.

Ennek többféle módja van. Ahogy korábban említettük, kereshet egy oldalas témát vagy sablont, amely egyetlen fizetési oldalt biztosít. Ha azonban tetszik a jelenlegi téma, akkor lehet, hogy nem szeretné megváltoztatni.

Ha ez a helyzet, ne aggódj. Vannak más lehetőségek is, például a prémium WooCommerce One Page Checkout bővítmény:

woocommerce egyoldalas fizetési bővítmény
A WooCommerce One Page Checkout bővítmény

Mivel ezt a megoldást a WooCommerce fejlesztette ki, tudja, hogy biztonságos, megbízható és rengeteg támogatást kínál. Amellett, hogy lehetővé teszi, hogy bármely oldalt fizetési oldallá alakítson át, számos olyan funkcióval rendelkezik, amelyek optimalizálják az egyoldalas fizetési folyamatot.

Ezek az alábbiak:

  • Egy oldalon jelenítse meg a termékkiválasztást és a pénztári űrlapokat.
  • Lehetővé teszi az ügyfelek számára, hogy termékeket helyezzenek el kosaraikból, vagy távolítsa el őket onnan.
  • Lehetővé teszi, hogy az ügyfelek az oldal elhagyása nélkül teljesítsék a fizetéseket.
  • Adjon hozzá egyéni mezőket az oldalakhoz.

Miután megvásárolta a bővítményt WooCommerce-fiókján keresztül, letöltheti a bővítményt, majd telepítheti és aktiválhatja a WooCommerce webhelyén.

A használatához navigáljon ide oldalak > Új És válassza ki a Egyoldalas fizetés ikon a szerkesztő eszköztárában:

egyoldalas fizetés ikonra
A One Page Checkout bővítmény ikonja a WordPress szerkesztőben

A megnyíló panelen belül kattinthat a Termékek mezőbe, és kezdje el beírni a hozzáadni kívánt termék(ek) nevét.

Ezután válassza ki a használni kívánt sablont (Terméklista, Terméktáblázat, Ártáblázat vagy Egyedi termék), majd kattintson a Hozzon létre rövid kódot.

Az egyoldalas rövid kódot manuálisan is beillesztheti bármely bejegyzésbe vagy oldalba. Ha többet szeretne megtudni erről a bővítményről és használatáról, tekintse meg a WooCommerce One Page Checkout dokumentációját.

Ingyenes szállítás elindítása a WooCommerce fizetési folyamata során

E-kereskedelmi vállalkozás tulajdonosaként számos különféle stratégiát használhat arra, hogy ügyfeleit több költésre ösztönözze. Az egyik ilyen az ingyenes szállítás.

Villámgyors, megbízható és teljesen biztonságos tárhelyre van szüksége e-kereskedelmi webhelyéhez? Behmaster mindezt biztosítja, és a hét minden napján 24 órában világszínvonalú támogatást nyújt a WooCommerce szakértőitől. Tekintse meg terveinket

Természetesen nem biztos, hogy minden rendelésnél szeretne ingyenes szállítást biztosítani. Ha azonban ösztönzőként adja hozzá egy bizonyos összeget elérő rendelési végösszeghez, akkor arra ösztönözheti a vásárlókat, hogy többet költsenek, mint amennyit egyébként tennének.

Ezért érdemes beállítani a WooCommerce fizetési oldalát úgy, hogy egy bizonyos szám (például 100 USD) feletti rendelések esetén automatikusan ingyenes szállítást indítson el.

Az első dolog, amit meg kell tennie, hogy felajánlja az ingyenes szállítási módot a megfelelő szállítási zónákba.

Ehhez navigáljon ide WooCommerce > Beállítások > Szállítás:

woocommerce szállítási zónák
A WooCommerce szállítási beállításai

Vigye az egérmutatót a módosítani kívánt szállítási zóna fölé, majd kattintson a szerkesztése link. Ha még nem adott hozzá zónákat, válassza a lehetőséget a Szállítási zóna hozzáadása gomb először, és kövesse az utasításokat a folytatás előtt.

Ezt követően kattintson rá Szállítási mód hozzáadása. A megnyíló módban válassza ki a lehetőséget Ingyenes szállítás a legördülő menüből, majd a Szállítási mód hozzáadása újra:

add hozzá az ingyenes szállítást
Ingyenes szállítási mód hozzáadása a WooCommerce-ben

Ezután a Szállítási módszerek listára a beállítások oldalon, vigye az egérmutatót fölé Ingyenes szállítás és kattintson a szerkesztése link.

A Ingyenes szállítási beállítások panel megnyílik. Tól Az ingyenes szállításhoz…. legördülő menüből válassza ki Minimális rendelési összeg:

ingyenes szállítási beállítások
Ingyenes szállítási beállítások a WooCommerce-ben

Ezután meghatározhatja a minimális rendelési összeget. Ha végzett, kattintson a változtatások mentése gombot.

Termékek közvetlen összekapcsolása a WooCommerce Checkout oldalával

Egy másik módja annak, hogy javítsa ügyfelei fizetési élményét, ha közvetlen fizetési linkeket hoz létre. Ez akkor hasznos, ha az ügyfeleket közvetlenül a pénztárhoz küldi a termék- és értékesítési oldalakról.

Közvetlen fizetési hivatkozás létrehozása manuálisan

Közvetlen fizetési hivatkozás létrehozásához és hozzáadásához a WooCommerce-ben a következő URL-címet használhatja: exampledomain.com//checkout/?add-to-cart=ID.

Megjegyzés: az „exampledomain” és az „ID” szavakat le kell cserélnie a domain nevével és a termékazonosítóval, amelyet a fizetési oldalra hivatkozik.

Termékazonosító kereséséhez navigáljon ide Termékek > Minden termék az adminisztrátori irányítópulton. Tallózással keresse meg azt a terméket, amelyhez közvetlen hivatkozást szeretne létrehozni, majd vigye az egérmutatót a neve fölé, hogy megjelenjen a termékazonosító szám:

woocommerce termékazonosító
WooCommerce termékazonosító

Miután beillesztette a termékazonosítót a fent említett URL-be, a hivatkozást bárhol elhelyezheti a WooCommerce webhelyén. Ezt a folyamatot minden egyes termékénél megismételheti, még változó és csoportosított tételeknél is.

Közvetlen fizetési hivatkozás létrehozása beépülő modul használatával

Tudjuk, hogy a fenti stratégia nem minden felhasználó számára a leghatékonyabb módszer. Attól függően, hogy hány terméke van a WooCommerce üzletében, ez nagyon időigényes lehet.

Szerencsére, ha gyorsabb módszert keres, használhatja a Direct Checkout for WooCommerce beépülő modult is:

közvetlen fizetés woocommerce
A Direct Checkout for WooCommerce beépülő modulja

Ezzel a freemium eszközzel számos módon leegyszerűsítheti a fizetési folyamatot, beleértve azáltal, hogy egy termékoldalról közvetlen linket ad a fizetési képernyőhöz. Miután telepítette és aktiválta a beépülő modult a WooCommerce webhelyen, navigáljon ide WooCommerce> Közvetlen fizetés:

közvetlen fizetési beállítások
A Direct Checkout for WooCommerce beépülő modul beállításai

Alatt általános lapon válassza ki a lehetőséget Igen az Hozzáadva a kosárhoz átirányítás opciót, majd válassza ki Megrendelés tól Hozzáadva a kosárhoz átirányítás ide legördülő menü. Kattintson A változtatások mentéséhez ha elkészült.

Ezután navigáljon a Termékek tab:

közvetlen fizetési átirányítás
A kosárba való átirányítás lehetősége a Direct Checkout for WooCommerce szolgáltatásban

engedélyezze a Sikeres hozzáadást követően irányítson át a kosár oldalára választási lehetőség. Ismét kattintson a A változtatások mentéséhez gomb. Ez az!

A WooCommerce Checkout oldal tesztelése

Ezen a ponton remélhetőleg számos módszert alkalmazott WooCommerce fizetési oldalának javítására. Most elengedhetetlen, hogy megbizonyosodjon arról, hogy a fizetési folyamat megfelelően működik, hogy csökkentse az elhagyást, és megbizonyosodjon arról, hogy semmilyen hiba nem szakítja meg az ügyfél útját.

Szerencsére van egy egyszerű módja annak, hogy tesztrendelést és fizetést küldjön a WooCommerce üzletén keresztül, hogy megbizonyosodjon arról, hogy minden megfelelően működik. Ehhez először telepítenie kell a WooCommerce Payments beépülő modult a webhelyére (ha még nem tette meg):

woocommerce fizetési bővítmény
A WooCommerce Payments beépülő modul

A beépülő modul telepítése és aktiválása után engedélyezheti a „teszt módot”. Ehhez navigáljon ide WooCommerce > kifizetések > beállítások:

woocommerce tesztmód
A WooCommerce fizetési tesztmódja

Ne felejtse el menteni a változtatásokat.

Miután engedélyezte a teszt módot, böngészhet a WooCommerce áruházban, és kiválaszthat bármilyen terméket. Tedd a kosárba, majd lépj a pénztár oldalra.

Szükség szerint töltse ki a pénztároldal űrlapmezőit. A fizetési információkhoz használhatja a WooCommerce által biztosított álhitelkártya-számok bármelyikét. Bármely három számjegyet használhatja a CVC-kódhoz, és kiválaszthat bármilyen jövőbeli dátumot.

Ha végzett, kattintson a gombra Place Order. Ezután navigáljon a Kifizetések > Tranzakciók képernyő:

woocommerce teszttranzakció
Tranzakciók tesztelése a WooCommerce-ben

Itt látnia kell a töltést. Ha ott van, akkor tudja, hogy a fizetési oldala megfelelően működik. Ne felejtse el kikapcsolni a Teszt módot, ha végzett!

Itt megtudhatja, hogyan alakíthatja ki, módosíthatja és hasznosíthatja WooCommerce fizetési oldalát⚡️ a konverziók optimalizálásához és 💰 bevételének növeléséhez ⬇️Kattintson Tweet

A legjobb WooCommerce Checkout beépülő modulok és bővítmények

Ebben a bejegyzésben a WooCommerce fizetési oldal módosításának sokféle módját ismertettük, beleértve a blokkokat, rövid kódokat és egyéni kódokat. Megemlítettünk néhány kulcsfontosságú beépülő modult is, amelyek segíthetnek olyan funkciók és funkciók hozzáadását, amelyek egyébként nem lennének elérhetőek.

Vannak azonban további kiegészítők, beépülő modulok és bővítmények, amelyeket még nem említettünk, de amelyek további testreszabási lehetőségeket biztosítanak a WooCommerce fizetési oldalához. A legjobbak közül néhány, amelyet érdemes megfontolni, a következők:

  • WooCommerce kosár megjegyzések kiegészítő. Ezzel a WooCommerce-bővítménnyel a fizetési folyamat során akcióképes üzeneteket és értesítéseket jeleníthet meg ügyfelei számára. Használhatja például arra, hogy értesítse őket a vonatkozó értékesítésekről és promóciókról.
  • WooCommerce Checkout Manager. Ugyanaz a csapat készítette, mint a Direct Checkout a WooCommerce számára, ez a bővítmény egy hatékony bővítmény, amellyel optimalizálhatja fizetési oldalát. Használhatja egyéni mezők szerkesztésére, eltávolítására és hozzáadására, valamint feltételmezők létrehozására.
  • WooCommerce Checkout kiegészítők. Ez a prémium bővítmény lehetővé teszi ingyenes és fizetős bővítmények hozzáadását a fizetési szakaszban. Hasznos eszköz a konverziók növelésére és a bevétel növelésére.

Attól függően, hogy milyen típusú e-kereskedelmi webhelye van, előfordulhat, hogy még több lehetőséget keres. Ha igen, javasoljuk, hogy tekintse meg a WooCommerce Extensions Library-t, amely rengeteg kiegészítőt kínál a WooCommerce bővítmény szolgáltatásainak és funkcionalitásának bővítéséhez, beleértve az ingyenes és fizetős megoldásokat is.

Összegzés

Különféle módon hajthatja végre a WooCommerce fizetési oldal fejlesztését és optimalizálását.

A végrehajtani kívánt változtatástól és a tapasztalati szinttől függően kihasználhatja a WooCommerce beépülő moduljait és bővítményeit, oldalsablonjait és témáit, sőt egyéni kódokat is.

Kérdése van a WooCommerce fizetési oldal használatával vagy szerkesztésével kapcsolatban? Tudassa velünk az alábbi megjegyzések részben!

Kapcsolódó cikkek

1 Megjegyzés
Inline visszajelzések
Az összes hozzászólás megtekintése
유빈아빠
1 hónapja

제품 이 아니라 가상 콘텐츠 를 판매 예정 인데 요 결제 후 자동 으로 해당 콘텐츠 으로 으로 다시 하는 옵션은 없나 요 아니면 플러그인 추천도 추천도 합니다 합니다.

워드프레스 특성 상 확인이 쉽지 않은데요 메일로 답변 주시면 밐사핤니

Vissza a lap tetejére gombra