Crearea unui site de management al învățării (LMS) cu Divi

Îmi place să iau cursuri online. Există ceva despre începerea unui curs electronic bine proiectat, bine organizat, cu un conținut excelent. Dacă sunt făcute bine, aceste cursuri electronice vă pot menține motivat cu un sentiment de realizare. Dar învățarea dintr-un curs electronic excelent și crearea unuia sunt două experiențe total diferite. Și, din experiența mea, crearea unui site de gestionare a învățării sau a unui curs online poate fi un proces copleșitor.

În această postare, sper să iau marginea intimidării de a-ți construi propriul curs e-mail, arătându-ți cum să folosești pachetul de schemă de management al învățării premeditat al lui Divi pentru a crea un site web e-curs complet funcțional.

Înainte de a intra în construcție, iată o defalcare a ceea ce vom realiza împreună:

1. Creați o pagină de lecție folosind fragmente din aspectul existent.
2. Creați un meniu de curs pentru a fi afișat pe fiecare pagină a lecției, care afișează toate lecțiile pentru curs.
3. Utilizați pluginul complet WP pentru a oferi utilizatorilor posibilitatea de a urmări progresul lor pentru fiecare curs.
4. Utilizați pluginul Restrict Content Pro pentru a configura atât nivelurile de membru gratuit, cât și cele plătite.
5. Aflați cum să proiectați rapid paginile de membru pentru a se potrivi cu site-ul web folosind elemente din aspectul existent.
și altele…

Și, pentru a vă satisface curiozitatea, iată un vârf al paginii de lecție pe care o veți crea cu butonul complet și bara de progres de deasupra meniului cursului din bara laterală ...

Dar mai întâi, să pregătim lucrurile.

Crearea unui site de management al învățării (LMS) cu Divi

Abonați-vă la canalul nostru Youtube

Configurarea totul

# 1 - Instalați Divi

Asigurați-vă că aveți instalată cea mai actualizată versiune de Divi. Și, este întotdeauna bine să ai activă și o temă pentru copii.

# 2 - Încărcați pachetul de aspect în biblioteca dvs. Divi

Vom utiliza pachetul de layout al Managementului învățării (LMS) al Divi. Descărcați pachetul de aspect, dezarhivați-l și instalați fișierul coding-school_All.json în biblioteca Divi. Apoi creați nouă pagini noi utilizând fiecare dintre aspectele corespunzătoare.

# 3 - Instalați și activați pluginul Restrict Content Content

Acesta este pluginul pe care îl vom folosi pentru funcționalitatea de membru a site-ului e-curs. Vom folosi acest lucru pentru a crea un abonament gratuit și premium (plătit) la curs.

# 4 - Instalați și activați pluginul WP Complete Pro

Acest plugin va fi folosit pentru a ține membrii (sau studenții) conștienți de progresul lor pe măsură ce finalizează fiecare lecție a fiecărui curs. Are imagini grafice cu cercuri și bare grafice pentru a arăta progresul, precum și o bifă la îndemână lângă fiecare lecție finalizată din meniul de navigare.

Odată ce sunteți pregătiți, sunteți gata să vă construiți cursul electronic.

Să începem.

Redenumiți pagina cursului

Pachetul dvs. de layout vine cu un aspect de pagină a cursurilor.

Fiecare dintre cursurile enumerate pe acel aspect ar trebui (dacă intenționați să predați toate aceste cursuri) să se conecteze la o anumită pagină de curs care utilizează aspectul paginii de curs.

Notă: Observați că am înlocuit butonul din antetul paginii cursului de mai sus cu un modul video. În acest fel, nu trebuie să redirecționez către o altă pagină pentru a afișa previzualizarea cursului. Doar o idee.

După cum puteți vedea, pentru acest exemplu, aspectul paginii cursului utilizează cursul UX Design, așa că mergeți mai departe și editați pagina și schimbați numele paginii cursului din „Curs” în „UX Design”. Și actualizați-vă și legătura permanentă.

Construirea paginii Lecției

Noua dvs. pagină de curs, denumită acum „UX Design”, este împărțită pe capitole (le puteți considera, de asemenea, ca pe lecții), cu o scurtă descriere a fiecăruia. Fiecare dintre aceste capitole / lecții va trebui să fie redirecționat către propria pagină de lecție. Pentru a construi această pagină de lecție, vom folosi aspectul paginii cursului și vom face unele ajustări.

Primul capitol / lecție listat în pagina cursului UX Design se numește „Capitolul 1: o introducere în elementele de bază”. Să construim pagina noastră de lecție pentru aceasta.

Continuați și adăugați o pagină nouă și introduceți „Capitolul 1: O introducere la elementele de bază” pentru titlu.

Deoarece această lecție este o pagină copil a paginii cursului UX Design, faceți clic pe meniul derulant părinte din caseta Atribute pagină din bara laterală dreaptă și selectați UX Design ca părinte.

Apoi faceți clic pentru a utiliza Divi Builder, faceți clic pe Adăugare din bibliotecă și selectați aspectul cursului.

Salveaza schita

Reglați aspectul antetului

Acum faceți clic pentru a utiliza Visual Builder pentru a face unele ajustări la aspectul paginii. Mai întâi, să schimbăm puțin aspectul antetului nostru din secțiunea de sus. Din constructorul vizual, ștergeți modulul de imagine din coloana din dreapta și butonul verde din partea de jos a primei coloane.

Apoi faceți clic pentru a edita setările modulului de text de sus din prima coloană și schimbați textul antetului h1 în „Capitolul 1: O introducere la elementele de bază”.

Apoi schimbați structura coloanei rândului la o coloană în loc de două.

Acum antetul dvs. ar trebui să arate astfel.

Schimbați conținutul Blurb

În secțiunea de specialitate de mai jos, editați setările primei combinații din secțiunea de conținut din stânga și actualizați următoarele:

Fila Conținut

Titlu: Partea 1
Conținut: [Acesta va deveni conținutul dvs. pentru curs; Las conținutul simulat acolo pentru moment]
Utilizați pictograma: DA
Pictogramă: selectați pictograma săgeată dreapta

Notă: culoarea pictogramei va fi preluată din setul Theme Accent Color din setul de personalizare a temei, deci asigurați-vă că actualizați culoarea acolo cu o culoare care se potrivește cu site-ul.

Salvează setările

Acum că ați creat un modul de blurb, îl putem folosi ca șablon pentru separarea fiecărei părți a lecției de pe pagină. Continuați și duplicați modulul pe care tocmai l-ați creat de două ori (sau oricâte părți doriți) și actualizați fiecare cu un titlu diferit (adică Partea 2, Partea 3, ect ...).

Apoi ștergeți celelalte blurbs de care nu vom mai avea nevoie.

Acum aspectul dvs. ar trebui să arate astfel.

Adăugarea widgetului din bara laterală

Adăugați un modul Sidebar sub modulul buton din bara laterală dreaptă a secțiunii de specialitate. Și, deocamdată, lăsați setările de conținut implicite care extrag conținutul zonei widgetului din bara laterală. În cele din urmă, vom schimba acest lucru de îndată ce vom crea o zonă widget personalizată care include meniul cursului.

Sub fila conținut, adăugați un fundal alb modulului dvs.

Pentru ca modulul barei laterale să se potrivească cu designul paginii, actualizați setările din fila Design după cum urmează:

Marjă personalizată: -80 px Top
Căptușeală personalizată: 30 px sus, 40 px dreapta, 30 px jos, 40 px stânga
Poziție orizontală a umbrei cutiei: 0 px
Box Shadwo Poziție verticală: 0 px
Puterea neclarității umbrei cutiei: 60 px
Puterea răspândirii umbrei cutiei: 0 px
Culoare umbră: rgba (71,74,182,0.12)

Stil de animație: Zoom
Direcția animației: sus
Intensitatea animației: 20%
Animație Opacitate de pornire: 100%

Salvează setările

Notă: Este o idee bună să mergeți mai departe și să faceți din acesta un modul global, astfel încât nu trebuie decât să faceți ajustări la un modul pentru actualizări viitoare. Pentru a face acest lucru, selectați Adăugați la bibliotecă, denumiți-l „modulul barei laterale a meniului lecției”, selectați pentru a face din acesta un modul global și faceți clic pe Salvare.

În cele din urmă, ștergeți modulul blurb cu instructorul și modulul buton „Profil complet”. Pagina dvs. ar trebui să arate astfel:

Salvează pagina

Acum că avem una dintre paginile lecțiilor noastre construite, să o salvăm în biblioteca noastră, astfel încât să o putem folosi pentru alte lecții. Din constructorul vizual, faceți clic pe butonul „Adăugați la bibliotecă” din meniul de butoane, introduceți „Layout Page Layout” pentru numele șablonului, apoi salvați-l.

Continuați și repetați pașii de mai sus pentru a adăuga încă două pagini de lecție. Numai de această dată, în loc să utilizați aspectul paginii cursului, utilizați noul aspect pe care l-ați creat numit „aspectul paginii lecției”.

După ce ați terminat, ar trebui să aveți trei pagini de lecție create cu următoarele titluri:

1. Capitolul 1: Introducere în elementele de bază
2. Capitolul 2: Arhitectura informațională
3. Capitolul 3: Proiectare receptivă

Crearea meniului cursului

Acum, după ce ați creat lecțiile, putem construi meniul cursurilor noastre. Din tabloul de bord WordPress, accesați Aspect> Meniuri .

Din pagina Meniuri, parcurgeți următorii pași:

1. Selectați „Creați un meniu nou”
2. Denumiți-l „UX Design”
3. Selectați cele trei pagini / capitole ale lecțiilor din meniul pe care tocmai l-ați creat.
4. Faceți clic pe Adăugare la meniu
5. Salvați meniul

Creați zona Widget personalizat

Pentru a adăuga meniul la pagina lecției, trebuie mai întâi să creăm o zonă widget personalizată pentru aceasta. Din tabloul de bord WordPress, accesați Aspect> Widgeturi . Sub zonele widget existente, localizați caseta utilizată pentru a crea o nouă zonă widget. Introduceți numele „UX Design” și faceți clic pe „Creați”. Acum reîmprospătați pagina. Ar trebui să vedeți acum noua zonă widget personalizată „UX Design”. Trageți widgetul Meniu personalizat peste interiorul zonei widgetului „UX Design”. În widgetul Meniu personalizat, selectați meniul „UX Design”. Apoi faceți clic pe Salvare.

Actualizați modulul din bara laterală a lecției cu o nouă zonă widget

Acum că aveți zona widgetului creată cu meniul cursului, reveniți la paginile cursului pe care le-ați creat și actualizați modulul barei laterale pentru a selecta zona widgetului „UX Design”. Acum, meniul dvs. ar trebui să apară în bara laterală.

Notă: dacă ați făcut modulul global al barei laterale, va trebui să efectuați această ajustare o singură dată la acest modul, celelalte două vor fi actualizate automat.

În acest moment, avem o bază destul de bună pentru crearea cursurilor și lecțiilor noastre, așa că haideți să ne îmbunătățim UX-ul prin încorporarea urmăririi progresului cursului.

Adăugați urmărirea progresului cursului

Adăugarea urmăririi progresului cursului pe site-ul web al cursului e este o modalitate excelentă de a spori experiența utilizatorului, implicarea și motivația atunci când urmați cursul. Pentru a arăta progresul pentru fiecare dintre cursurile noastre, voi folosi pluginul WP Complete Pro. Dacă nu v-ați asigurat deja că instalați și activați pluginul.

Odată ce pluginul este activat, din tabloul de bord WordPress, accesați Setări> Completare WPC . Aceasta vă va duce la setările pluginului.

Actualizați următoarele setări:

Tipul de rol student: Abonat
Tipul conținutului lecției: Tipuri de pagini (deoarece ne construim lecțiile cu pagini în loc de postări)
Debifați opțiunea „Adăugați automat butonul complet la postările și paginile activate pentru mine”. (vom adăuga manual acele butoane cu un shortcode.)
Marcați culoarea butonului complet: # 7377fc
Setări grafic Culoare primară: # 7377fc

Apoi faceți clic pe Salvați modificările.

Activați butoanele complete pentru paginile lecției

Acum că avem configurarea WP Complete. Să adăugăm butoanele noastre „complete” la paginile de lecție.

Accesați prima pagină de lecție pe care am creat-o intitulată „Capitolul 1: Introducere în noțiunile de bază” și faceți clic pentru a edita pagina. Din editorul de pagini implicit, găsiți caseta WPComplete din partea de jos a paginii. În casetă, faceți clic pe opțiunea „Activați butonul complet”. Aceasta va spune pluginului că doriți să urmăriți această pagină pentru utilizator. Apoi, în caseta de introducere imediat după ce scrie „Aceasta este o parte din:” introduceți „UX Design”, care este numele cursului pe care doriți să îl urmăriți. Așa grupați lecțiile sub fiecare curs. De exemplu, dacă aveți trei lecții și pe fiecare dintre aceste pagini de lecție selectați „UX Design” ca curs, atunci când un utilizator completează o pagină făcând clic pe butonul complet, pluginul poate înregistra că utilizatorul a finalizat 33% (1 din 3 lecții) ale cursului respectiv. Dacă aveți mai multe cursuri, puteți introduce simplu un nou nume de curs în casetă și va începe un nou grup de cursuri.

Adăugați butoane complete la paginile lecției

Pentru a adăuga butonul „Finalizat” la pagina lecției, implementați constructorul vizual pe aceeași pagină de lecție pe care tocmai o editați.

Adăugați un modul text sub ultimul modul blurb din partea de jos a paginii. În Setări text, introduceți următorul cod scurt în caseta de conținut:

[wpc_button text = ”Faceți clic pe mine pentru a finaliza!” finished_text = ”DA! Efectuat"]

Notă: Puteți schimba textul și textul complet afișat pe buton modificând textul din shortcode.

Salvează setările

Acest shortcode creează un buton care permite utilizatorului să facă clic pe el și să înregistreze lecția ca fiind completă.

Observați că atunci când faceți clic pe buton pentru a finaliza lecția, elementul de meniu din bara laterală pentru lecția corespunzătoare se va estompa ușor și va afișa o bifă în partea dreaptă a acesteia.

Continuați și salvați modulul text pe care tocmai l-ați creat în biblioteca dvs. cu numele „Buton complet”. Acum puteți utiliza acel element de bibliotecă pentru a introduce același modul pe toate paginile dvs., după cum este necesar.

Notă: poate doriți să mergeți mai departe și să salvați o nouă versiune a aspectului paginii de lecție în biblioteca dvs. cu butonul complet inclus, astfel încât să nu trebuie să îl adăugați în continuare ca element secundar atunci când creați viitoarele pagini de lecție.

Adăugați graficul cu bare de progres în bara laterală

Pluginul WPComplete vă permite, de asemenea, să afișați grafice care să arate utilizatorului progresul pe un anumit curs. Vom adăuga un grafic cu bare pentru a arăta progresul cursului UX Design în bara laterală a lecțiilor noastre.

Vă amintiți cum am creat o zonă widget personalizată pentru cursul nostru UX Design pentru a afișa un meniu de curs în bara laterală a paginii lecției? Ei bine, acum vom adăuga un grafic cu bare de progres chiar deasupra meniului cursului nostru. În acest fel, utilizatorul își poate vedea progresul într-un ecran vizual rece.

Pentru a adăuga graficul cu bare, accesați tabloul de bord WordPress și navigați la Aspect> Widgeturi . Apoi comutați pentru a deschide widget-ul personalizat „UX Design” pe care l-ați creat mai devreme și trageți un widget HTML în zona widgetului din partea de sus a widgetului meniu personalizat care se află în prezent. În caseta de conținut HTML, introduceți următorul cod scurt:

[wpc_progress_bar course = ”Design UX”]

Acest shortcode va afișa graficul cu bare de progres pentru cursul specific „UX Design”. Numele acestui curs corespunde cu ceea ce puneți în opțiunea WPComplete de lângă „Aceasta este o parte din:”. Dacă aveți un alt curs în viitor, introduceți noul nume al cursului în locul „UX Design” atunci când adăugați codul scurt pentru cursul respectiv.

Notă: pentru o listă completă a codurilor scurte disponibile pentru acest plugin, accesați foaia de cheats pentru codurile scurte.

Acum accesați „Capitolul 1: Introducere în elementele de bază” pentru a vedea cum arată.

Faceți clic pe butonul Finalizat din partea de jos a paginii. Acum verificați bara laterală pentru a vedea ce s-a schimbat. Graficul cu bare arată acum că ați finalizat 33% din curs. Iar elementul de meniu pentru pagina lecției se afișează acum ca decolorat cu o bifă în dreapta pentru a arăta că acea lecție a fost finalizată.

Destul de cool nu?

Să trecem în revistă ceea ce avem până acum:

1. Avem un nou șablon de pagină de lecție pentru a ne servi drept șablon pentru lecțiile din viitor
2. Avem un sistem pentru crearea unui meniu personalizat pentru fiecare curs.
3. Avem un sistem pentru configurarea zonelor widget personalizate pentru fiecare curs pentru a afișa meniul personalizat pentru cursul respectiv pe pagina lecției.
4. Avem posibilitatea de a adăuga un buton complet la paginile lecției noastre care, atunci când faceți clic, reprezintă progresul într-un grafic cu bare și în legătura de meniu corespunzătoare.

Etapa finală a transformării site-ului nostru într-un curs electronic funcțional este integrarea nivelurilor de membru pentru a ne limita conținutul la clienții plătitori.

Construirea paginilor de membru

Dacă nu ați făcut deja acest lucru, instalați și activați pluginul Restrict Content Content Pro. Odată instalat, pluginul va crea automat 5 pagini pentru gestionarea procesului de apartenență.

Dacă priviți fiecare pagină din editorul de pagini implicit, veți vedea că singurul lucru adăugat la conținutul fiecărei pagini este un cod scurt. De exemplu, dacă accesați pagina Înregistrare, veți vedea că singurul lucru din editorul de conținut este codul scurt „[register_form]” care va afișa formularul de înregistrare.

Întrucât tot ce aveți nevoie pentru a afișa conținutul pentru fiecare dintre aceste pagini generate automat sunt codurile scurte, puteți crea cu ușurință un aspect pentru aceste pagini utilizând Divi Builder. De exemplu, dacă doriți un mod rapid și ușor de a vă personaliza pagina de înregistrare, accesați pagina Cursuri și implementați constructorul vizual. Salvați secțiunea de sus a aspectului în biblioteca dvs. cu numele „antetul paginii cursului electronic” (sau ceva de genul acesta).

Apoi faceți clic pe unul dintre blurbs-urile care afișează cursul și salvați modulul respectiv în biblioteca dvs. cu numele „e-course blurb content box” (sau ceva de genul acesta).

Acum accesați pagina Înregistrare, copiați codul scurt în clipboard (evidențiați codul scurt și faceți clic pe ctrl + c). Apoi implementați Divi Builder, apoi constructorul vizual. Adăugați noua secțiune salvată numită „antetul paginii e-curs” din biblioteca dvs.

Actualizați modulul text care conține titlul pentru a spune „Înregistrați-vă” în loc de „Cursuri”.

Apoi faceți clic pentru a adăuga un modul din biblioteca dvs. sub modulele curente din secțiune. Selectați modulul „e-course blurb content box” pe care tocmai l-ați salvat în bibliotecă.

Apoi actualizați setările după cum urmează:

Sub fila conținut ...

Șterge titlul
Conținut: introduceți codul scurt [register_form] pe care l-ați salvat în clipboard apăsând ctrl + v.
Ștergeți adresa URL a imaginii

Salvează setările

Notă: Acesta a fost modul rapid și ușor. Am folosit un modul blurb, deoarece acesta a fost cel mai rapid mod de a aduce stilul modulului. Probabil că veți dori să utilizați în schimb un modul text.

Acum priviți pagina dvs. de înregistrare într-un browser incognito.

Încă trebuie să personalizați designul formularului (nu o veți face în acest tutorial), dar acest lucru se poate face cu ușurință cu unele inspecții și CSS personalizate.

Puteți urma același proces pentru a actualiza toate cele 5 pagini de membru generate de plugin. Pentru a vedea ce pagini sunt utilizate pentru a gestiona calitatea de membru, accesați tabloul de bord WordPress și navigați la Restricționare> Setări și veți vedea o listă a tuturor paginilor utilizate în fila General.

Adăugarea unui nivel de abonament GRATUIT

Adăugarea unui nivel de abonament GRATUIT la cursul dvs. electronic este o modalitate excelentă de a captura clienți potențiali, de a le adăuga la o campanie de marketing prin e-mail și de a le revinde cu un abonament premium. Pentru a adăuga un nivel de abonament GRATUIT, accesați tabloul de bord WordPress și navigați la Restricționare> Niveluri de abonament . Apoi completați setările pentru a vă crea abonamentul GRATUIT. Iată un exemplu despre ce să introduceți pentru un nivel de abonament gratuit:

Nume: GRATUIT
Descriere: Acesta este un abonament GRATUIT la Coding School.
Rol utilizator: abonat

Lăsați celelalte opțiuni la setarea lor implicită.

Apoi faceți clic pe Adăugați un nivel de membru

Adăugarea unui nivel de abonament premium

Un abonament premium este de obicei locul în care puteți percepe bani pentru a avea acces la conținut de nivel superior care nu poate fi accesat cu un abonament gratuit. La fel ca un membru GRATUIT, utilizatorul ar trebui să se înregistreze pe formularul de înregistrare. Singura diferență este că vor fi direcționați către un formular de plată pentru a cumpăra abonamentul. Dacă utilizatorul este deja membru GRATUIT, poate face upgrade la un Abonament Premium folosind informațiile de înregistrare curente și apoi plătind pentru upgrade.

Pentru a adăuga un nivel de abonament Premiumn, accesați tabloul de bord WordPress și navigați la Restricționare> Niveluri de abonament. Apoi completați setările pentru a vă crea abonamentul Premium. Iată un exemplu despre ce să introduceți pentru un nivel de abonament Premium:

Nume: Premium
Descriere: Acesta este un abonament premium la Coding School
Durata: 1 an
Preț: 29
Rol utilizator: abonat

Limitați lecțiile pe baza nivelului de abonament

Acum că avem nivelurile de abonament gratuite și premium create. Putem alege să restricționăm paginile / postările sau chiar conținutul specific pe baza nivelului de abonament al utilizatorilor. Pluginul face acest proces foarte simplu. Să trecem la cap și să restricționăm accesul la prima lecție pe care am creat-o la un abonament GRATUIT. Pentru a face acest lucru, accesați pagina de lecție intitulată „Capitolul 1: Introducere în elementele de bază”. Observați caseta „Restricționează acest conținut” din partea de sus a editorului de pagini. În casetă aveți o casetă de introducere verticală care vă permite să selectați cine ar trebui să aibă acces la conținut. Urmează să selectați Membri ai nivelului (abonamentelor) de abonament . Odată selectat, veți vedea mai multe opțiuni. Selectați prima opțiune care spune „Membrii oricărui nivel de abonament. Asta pentru că dorim ca membrii care vor avea abonamentul premium să aibă acces și la acest conținut.

Notă: Această setare va ascunde întreaga pagină de la utilizatorii ne-abonați. Dacă doriți să ascundeți anumite fragmente de conținut pe pagină și să le faceți disponibile numai abonaților gratuite sau Premium, puteți utiliza coduri scurte pentru a înfășura conținutul pe care doriți să îl ascundeți. Întrucât folosim divi builder, utilizarea codurilor scurte pentru a înfășura conținut poate fi o provocare, dar un lucru pe care l-ați putea lua în considerare este să împachetați doar conținutul în casetele de conținut reale ale blurburilor cu coduri scurte și să lăsați titlurile vizibile.

Pentru următoarea lecție intitulată „Capitolul 2: Arhitectura informațională”, vom restricționa pagina doar pentru abonații Premium. Pentru a face acest lucru, accesați editarea paginii și, în caseta „Restricționați acest conținut” din partea de sus a editorului de pagini, selectați Membrii nivelului (abonamentelor) de abonament . Apoi selectați opțiunea „Membrii unor niveluri de abonament specifice. Apoi selectați „Premium”. Acum, numai persoanele cu abonament Premium vor putea accesa pagina respectivă.

Salvați modificările actualizând pagina.

Schimbați pagina de redirecționare pentru conținut restricționat

Când un utilizator încearcă să acceseze conținutul restricționat, îl puteți redirecționa către o anumită pagină. Deoarece vom dori ca utilizatorul să se înregistreze pentru a avea acces la curs, este logic să îl redirecționăm către pagina de înregistrare. Pentru aceasta, accesați tabloul de bord WordPress și navigați la Restricționare> Setări și faceți clic pe fila Diverse. Găsiți opțiunea Redirecționare pagină și selectați pagina Înregistrare din caseta de introducere derulantă.

Opțiuni de salvare

Acum, de fiecare dată când un utilizator neînscris încearcă să acceseze pagini restricționate, acesta va fi redirecționat automat către pagina Înregistrare.

Puteți testa acest lucru foarte repede. Salvați pagina și deschideți pagina într-un browser incognito pentru a vedea ce vede un utilizator când nu este încă înregistrat.

Notă: dacă doriți, puteți crea o pagină de înregistrare suplimentară pentru acest caz de utilizare, astfel încât să puteți include un îndemn mai specific, precum „Ne pare rău, momentan nu aveți acces la acest conținut, vă rugăm să vă înregistrați mai jos”. cu formularul de registru de mai jos.

Adăugarea gateway-ului de plată

În acest moment, veți dori să vă asigurați că gateway-ul dvs. de plată este integrat cu Restrict Content Content Pro. Puteți face acest lucru navigând la Restricționare> Setări și făcând clic pe fila Plăți . Acolo puteți alege ce gateway-uri doriți să activați, precum și să introduceți informațiile necesare pentru a integra gateway-ul. Aveți la dispoziție nouă opțiuni, inclusiv Stripe și Paypal.

Nu voi intra în detaliile implicate în configurarea acestora, dar sfatul meu este să vă asigurați și să testați gateway-urile de plată pentru a vă asigura că funcționează. Nu vrei să pierzi bani.

Personalizarea notificărilor prin e-mail

Restrict Content Content vă permite să personalizați un e-mail de notificare atât pentru noul membru, cât și pentru administrator, ori de câte ori se înregistrează un nou membru. Profitați de această opțiune prin includerea unui bun îndemn la acțiune în corpul e-mailului care încurajează utilizatorul să înceapă cursul cu un link către prima lecție. Puteți găsi setarea e-mailului accesând Restricționare> Setări și făcând clic pe fila E - mailuri .

Integrare opțională prin e-mail marketing

Este posibil să aveți un cont Mailchimp sau Aweber la care doriți să adăugați membri când se înregistrează. Puteți face acest lucru folosind unul dintre numeroasele programe de completare disponibile cu pluginul Restrict Content Content Pro. Navigați pur și simplu la Restricționare> Suplimente și găsiți platforma de e-mail dorită.

Ce acum?

Acum că ați configurat site-ul dvs. de curs e-mail, va trebui să terminați configurarea întregului conținut pentru fiecare pagină, adăugând adrese URL la butoane, multe alte modificări. Dar fundamentul a fost stabilit. Sperăm că acest lucru vă face să configurați o platformă pe care să puteți construi cu ușurință.

Gânduri finale

S-ar putea argumenta că, cu toate instrumentele grozave disponibile în lumea WordPress, puteți obține un curs online funcțional destul de ușor. Dar apoi există provocarea designului. A face ca aceste site-uri să arate decent nu este ușor dacă designul nu este punctul tău forte. Din fericire, aspectele Divi pre-realizate, cum ar fi „Learning Management Layout Pack”, oferă o soluție excelentă pentru problema de proiectare. Aspectul este funcțional și frumos chiar din cutie.

Dar apoi există problema găsirii pluginurilor potrivite pentru a transforma aspectul dvs. frumos într-un curs online funcțional. Există multe plugin-uri excelente și sisteme de management al învățării, cu diferite grade de cost și complexitate. Scopul acestei postări a fost să vă puneți în funcțiune cu un site de cursuri electronice, cu un abonament simplu, la un cost redus. Pentru cei dintre voi care speră să creeze acest lucru folosind plugin-uri gratuite, ne pare rău că vă dezamăgim. Sunt despre pluginurile gratuite, dar am crezut că este mai bine să folosesc versiunile Pro pentru acest tutorial, deoarece rezultatul final merită fiecare bănuț în opinia mea.

Aștept cu nerăbdare să aud de la dvs. în comentarii

Noroc!