Construirea unei pagini de bun venit pentru produsul dvs. WordPress Introducere

Imediat după ce actualizați WordPress, sunteți redirecționat pentru a vedea o pagină de întâmpinare. Această pagină de întâmpinare vă ajută să înțelegeți mai bine noile caracteristici și corecțiile de eroare din actualizarea actuală. Același lucru este cazul și cu câteva pluginuri. Când utilizatorii instalează unul dintre aceste pluginuri sau le actualizează, aceștia sunt redirecționați către o pagină de întâmpinare. Această pagină de întâmpinare este ceea ce vom construi în această serie.

În cursul acestei serii de patru părți, voi explica procesul de creare a unei pagini de bun venit pentru un plugin WordPress. Până la sfârșitul seriei, veți ști cum să codificați o pagină de întâmpinare care poate conține un videoclip promoțional, funcții plugin, formular de abonare etc. Deci, să ajungem la ele.

Strategia

Înainte de a ne scufunda, permiteți-mi să vă explic cum o să iau această serie înainte. Există patru părți din această serie: 

  • Partea întâi: Introducere în paginile de bun venit și discutarea arhitecturii pluginului
  • Partea a doua: Ce sunt tranzițiile în WordPress? Explicație cu câteva exemple
  • Partea a treia: Construirea Pagina de întâmpinare # 1: Logică în spatele plugin-ului de bun venit
  • Partea a patra: Construirea Pagina de întâmpinare # 2: Cod pentru crearea unei pagini de întâmpinare cu HTML și CSS

Ce este o pagină de întâmpinare?

Dacă creați o pagină de început pentru pluginul dvs. WordPress care conține toate caracteristicile și pașii legați de produs, acea pagină poate fi numită o pagină de bun venit. 

Ideea creării acestei pagini este de a oferi utilizatorilor informații despre produsul pe care tocmai l-au instalat. Poate avea orice informație referitoare la produsul dvs., cum ar fi un videoclip explicativ sau un ghid despre ce trebuie făcut în continuare. 

Asta vom construi. 

constituenţi

Voi crea o WP Pagina de întâmpinare Boilerplate sub forma unui plugin WordPress care ar putea fi folosit în orice proiect. Să săpăm și să studiem arhitectura pluginului de pagină de bun venit. Există două componente ale unui plugin de bun venit:

  • Pagina de întâmpinare: Construit cu PHP, HTML și CSS
  • Redirectionarea: Logică pentru a redirecționa în siguranță utilizatorul la activare pe pagina de întâmpinare

Pagina de întâmpinare

Pagina de întâmpinare ca întreg este ingredientul principal al întregii serii. Poate conține elemente precum:

  • caracteristicile cheie ale produsului dvs.
  • un video explicativ sau tutorial
  • un formular de abonare pentru newsletter-ul dvs.
  • recomandate plugin-uri și condiții prealabile
  • o secțiune pentru Întrebări frecvente
  • comparație între versiunea gratuită și cea premium, etc.

Vom construi această pagină cu PHP, HTML și CSS. Unele părți ale acestei pagini vor fi dinamice, de ex. numărul de versiune al produsului dvs..

Pseudo-algoritm pentru redirecționare

Ce zici de a scrie ceva ca un pseudo-algoritm pentru redirecționare? Fiind un dezvoltator WordPress, cred că este o parte importantă a fluxului de lucru al dezvoltării dvs. să începeți cu un pseudo-algoritm (și opțional convertiți-l în pseudo-cod). 

Deci, pluginul pentru pagina de bun venit trebuie să redirecționeze utilizatorul la pagina de bun venit. Aproape ca pașii de mai jos:

  • Pluginul este instalat și activat.
  • Setați un tranzitoriu timp de aproximativ 60 de secunde la activarea pluginului.
  • Verificați dacă setul tranzitoriu există.
  • Dacă tranzitorul nu este setat, nu faceți nimic.
  • Cautarea in cazul activarii de pe site-uri de retea sau in vrac.
  • În cazul în care există un tranzitoriu, ștergeți dispozitivul tranzitoriu și în siguranță redirecționați utilizatorul la pagina noastră de întâmpinare.

Asta e aproape tot ce există în acest plugin. În următorul articol, voi explica modul în care API tranzitorii funcționează în WordPress.

Pagina de întâmpinare Exemple

Până în prezent, am menționat linia de acțiune pe care o voi adopta în timp ce voi codifica pagina de bun venit pentru plugin-ul meu. Înainte de a intra în detaliile tehnice, să aruncăm o privire la câteva exemple existente de pagini binevenite în comunitatea WordPress.

Cele mai multe pluginuri WordPress nu sunt obișnuiți cu ideea de a adăuga o pagină de întâmpinare. Mă întreb de ce este. Cred că paginile binevenite sunt superbe în ceea ce privește experiența utilizatorului. Ele ajută la conectarea și umplerea spațiului în loc să lase utilizatorii în mijlocul nicăieri chiar după ce au instalat produsul.

Iată câteva exemple de pagini de bun venit.

WordPress implicit Pagina de întâmpinare

Ar fi nedrept dacă am pierdut pagina implicită de întâmpinare care apare atunci când actualizați WordPress. La momentul scrisului, versiunea WordPress versiunea 4.4.2 are un ecran de întâmpinare bogat în caracteristici.

Ceea ce îmi place cel mai mult este fișierul video și fila Credite, care îi recunoaște pe toți contribuabilii (din moment ce îmi puteți găsi și numele!). Dar ai ideea.

De asemenea, notifică utilizatorii cu privire la remedierile de securitate și întreținere. Apoi afișează cea mai recentă temă implicită, adică Twenty Sixteen. 

WooCommerce

Dacă vă cereți definiția unui flux de lucru perfect, atunci WooCommerce este răspunsul. Este de departe cea mai bine-echipată pagină de întâmpinare multi-nivel sau ați putea să-i numiți un flux de lucru. Acesta ajută utilizatorii să configureze plugin-ul prin revizuirea valorilor implicite sau personalizarea acestora.

La activare, îi ajută pe utilizatori prin instalarea următoarelor elemente:

  • Configurarea paginii
  • Stocați setarea locală
  • Transportul și taxarea
  • Setările plăților

Și în sfârșit vă ajută să adăugați primul produs.

Pe scurt, oferă un ghid turistic complet pentru utilizatorii săi.

Mai multe nume pot fi adăugate în listă. Dar, de dragul simplității, menționez doar câteva dintre cele mai faimoase, cum ar fi Easy Digital Downloads, Jetpack, bbPress etc., care au și pagini binevenite.

De ce am construit Pagina de întâmpinare?

Inspirat de aceste produse, am adăugat o pagină de bun venit în unul dintre pluginurile mele relativ noi, CF7 Customizer. Plugin-ul meu are nevoie de utilizatori pentru a instala formularul de contact 7, apoi pentru a crea o pagină cu formularul de contact 7 shortcode în interiorul acesteia și, în final, personalizați-o.

Nu a existat o modalitate mai bună de a comunica acești pași decât de a redirecționa utilizatorii către o pagină de întâmpinare cu Noțiuni de bază informație. În caz contrar, un nou utilizator care instalează acest plugin va rămâne în mijlocul nicăieri.

Apoi afișează funcțiile pluginului, un videoclip scurt și un formular de abonament.

Ce urmeaza?

Deci, acum știi cum o pagină de întâmpinare ar putea ajuta la îmbunătățirea experienței utilizatorilor finali și la ceea ce vom face în privința lor. În următorul articol, voi sublinia câteva fapte interesante despre transients în WordPress și rolul lor în construirea unei pagini de întâmpinare.

În cele din urmă, îți poți captura toate cursurile și tutorialele pe pagina mea de profil și poți să mă urmărești pe blogul meu și / sau să contactezi Twitter @mrahmadawais unde scriu despre fluxurile de lucru în contextul WordPress.

Ca de obicei, nu ezitați să lăsați mai jos întrebări sau comentarii, și mă voi adresa fiecăruia.

Cod