Adăugați o notificare de livrare pe pagina de plată WooCommerce

Publicat: 2019-08-19

Adăugarea notificării de expediere pe pagina de finalizare a plății WooCommerce poate reduce coșurile de cumpărături abandonate în magazinul dvs. Unele teme WordPress oferă această funcție, dar ce se întâmplă dacă tema dvs. nu acceptă asta și doriți să vă informați clienții? În acest articol, vă voi arăta trei moduri diferite de a face acest lucru folosind soluții gratuite și plătite.

Desigur, puteți folosi funcția PHP și puteți adăuga o notificare de livrare în WooCommerce, dar necesită munca unui dezvoltator. În schimb, puteți folosi soluții gata făcute care vă vor ajuta să faceți acest lucru fără a scrie o singură linie de cod. În acest articol, voi arăta trei abordări diferite pentru afișarea mesajelor de expediere pe pagina de finalizare a comenzii în WooCommerce:

  • suma rămasă la livrare gratuită cu plugin gratuit
  • mesaj personalizat atunci când nu sunt disponibile metode de livrare cu pluginul gratuit
  • notificare complet personalizabilă cu plugin plătit.

Afișați suma rămasă la livrare gratuită

Una dintre utilizările principale ale notificărilor de expediere este afișarea sumei lipsă pentru livrare gratuită. Acest tip de mesaj funcționează excelent pentru conversie și pentru creșterea valorii coșului de cumpărături al clienților . Multe studii au confirmat eficacitatea unor astfel de soluții, așa că nu este de mirare că tot mai multe magazine online folosesc acest tip de mesaj.

Adăugarea unui mesaj despre suma lipsă pentru transport gratuit este fără efort. Tot ce trebuie să faceți este să instalați și să activați pluginul gratuit Flexible Shipping. Peste 130.000 de magazine din întreaga lume îl folosesc zilnic. Versiunea gratuită va funcționa grozav ca un calculator de bază de transport . Vă permite să setați livrarea în funcție de greutatea și totalul coșului. În plus, are o funcție încorporată pentru a afișa suma rămasă la livrare gratuită.

Livrare flexibilă WooCommerce

Cel mai bun tarif de livrare pentru WooCommerce. Perioadă. Creați reguli de expediere pe baza greutății, a totalului comenzii sau a numărului de articole.

Descarcă gratis sau Accesați WordPress.org
Peste 100.000 de instalații active
Ultima actualizare: 2022-10-03
Funcționează cu WooCommerce 6.6 - 7.0.x

Pentru a afișa suma rămasă la livrare gratuită, trebuie să adăugați o metodă de livrare flexibilă, să setați pragul de livrare gratuită și să bifați caseta de notificare „La stânga la livrare gratuită” .

Setări flexibile pentru metoda de livrare

O astfel de soluție va afișa automat un mesaj corespunzător în coșul de cumpărături și pagina de finalizare a achiziției. În tema Storefront, acel mesaj va arăta astfel:

suma rămasă la livrare gratuită în WooCommerce

Suma lipsă va fi modificată dinamic în funcție de valoarea coșului. Este important ca toate metodele de livrare din magazinul dvs. să aibă aceeași sumă de livrare gratuită.

Dacă doriți să aflați instrucțiuni pas cu pas și cum să schimbați mesajul implicit, citiți cum să afișați suma rămasă la livrare gratuită în tutorialul WooCommerce

Mesaj personalizat când nu sunt disponibile metode de livrare

O altă practică bună este crearea unui mesaj adecvat atunci când, dintr-un motiv oarecare, niciuna dintre metodele de expediere nu este disponibilă. WooCommerce în sine nu are o opțiune de a schimba mesajul implicit „Nu au fost găsite opțiuni de expediere”. Clienții care primesc notificarea standard au șanse mai mari să abandoneze coșul de cumpărături. Puteți salva o mulțime de coșuri de cumpărături abandonate prin crearea unui mesaj personalizat care explică motivul și le facilitează modificarea conținutului coșului sau contactarea magazinului.

Puteți schimba cu ușurință mesajul „Nu au fost găsite opțiuni de expediere” în WooCommerce folosind un plugin gratuit numit Notificari de expediere. Vă permite să înlocuiți notificarea implicită „Nu a fost găsită expedierea” cu textul personalizat. Puteți chiar să decideți unde ar trebui să fie afișată anunțul: coș, casă sau ambele.

Obțineți pluginul pentru notificări de livrare gratuită →

Dacă doriți să obțineți informații detaliate despre aceasta, citiți tutorialul nostru despre cum să schimbați mesajul „Nu au fost găsite opțiuni de expediere”

Notificare de livrare complet personalizabilă

Dacă aveți nevoie de o soluție mai avansată, ar trebui să utilizați versiunea PRO a Câmpurilor de plată flexibile. Cu acest plugin, puteți adăuga un câmp HTML în pagina de finalizare a achiziției și îl puteți ajusta cu CSS.

Câmpuri flexibile de plată

Câmpurile flexibile de plată vă permit să adăugați câmpuri noi în formularul de finalizare a plății, să le editați sau chiar să le ascundeți pe cele existente. Puteți decide unde doriți să îl adăugați - în secțiunea de ordine, facturare sau expediere. În plus, puteți adăuga secțiuni personalizate, așa că, practic, acest plugin vă permite să vă controlați complet pagina de plată WooCommerce.

Descărcați pluginul Flexible Checkout Fields

Adăugarea notificării de livrare pe pagina de finalizare a plății WooCommerce este doar unul dintre multele lucruri utile pe care le puteți face cu pluginul Flexible Checkout Fields. Dacă doriți să citiți mai multe despre Câmpurile de plată flexibile, citiți articolul nostru despre cum să schimbați pagina de plată WooCommerce implicită.

Cum să adăugați o notificare de livrare pe pagina de finalizare a comenzii WooCommerce?

Accesați WooCommerce → Câmpuri de plată → Setări . În Secțiuni personalizate , activați Înainte de detaliile clientului și Salvați modificările .

adăugați o secțiune personalizată cu un plugin flexibil pentru câmpuri de plată

Acum, puteți adăuga câmp HTML înaintea detaliilor clientului, în partea de sus a paginii de finalizare a comenzii WooCommerce. Dacă doriți să îl adăugați într-un alt loc, puteți activa unul dintre câmpurile rămase sau puteți alege între secțiunile de facturare, expediere și comandă. Amintiți-vă că îl puteți schimba cu CSS, dar în opinia mea, adăugarea lui înainte de detaliile clientului este cea mai simplă soluție.

Accesați secțiunea Înainte de detaliile clientului și Adăugați un câmp nou . Ca tip de câmp, alegeți HTML și în câmpul Etichetă introduceți notificarea de expediere. Aici poți folosi HTML și stil, dar recomand să o faci cu CSS. Pentru moment, trebuie doar să introduceți eticheta și să faceți clic pe Adăugare câmp .

adăugați un câmp html nou în pagina de plată woocommerce

Acum, notificarea dvs. de expediere va apărea în Câmpuri de secțiune. Va fi ultimul dintre ei. Faceți clic pe el pentru a vedea mai multe opțiuni.

secțiunea generală a noului câmp HTML din pagina de plată

Aici puteți adăuga clasă CSS în acest câmp și puteți utiliza magia CSS pentru a o ajusta la magazinul dvs. În mod implicit, va fi o clasă cu rânduri de formular, ca și restul câmpurilor. Schimbați-l în noua clasă și Salvați modificările . Acum, îl puteți ajusta cu CSS utilizând clasa CSS introdusă.

adăugați clasa css la câmpul html în pagina de finalizare a comenzii woocommerce

Folosesc tema Storefront, așa că implicit, arată astfel:

notificare de livrare pe exemplu de bază de finalizare a plății WooCommerce

Doar câteva linii de CSS și am asta:

notificare de livrare pe exemplu personalizat de finalizare a comenzii WooCommerce

Notificarea dvs. de expediere va depinde de tema dvs., dar totul depinde de dvs. cum să o faceți să arate.

Doriți să aflați mai multe despre Clasa CSS în WooCommerce. Citiți ghidul nostru despre setarea propriei clase CSS la orice câmpuri personalizate din magazinul dvs. WooCommerce.

rezumat

În acest articol, v-am arătat trei moduri diferite cum să adăugați o notificare de livrare la finalizarea comenzii WooCommerce. Sper că vă va fi de ajutor și veți adăuga notificarea de expediere. Mult noroc!