Echipa Elementor scrie: Cum să construiți site-uri complexe și aplicații web cu conținut dinamic

Publicat: 2020-11-13

Despre autor: Mati Horovitz, Full Stack Team Leader @ Elementor

Mati trăiește și respiră cod și tehnologie, îi place să scrie postări pe blogul său și să răspundă la întrebări de la Quora.

Elementor a devenit cel mai bun constructor de site-uri web în WordPress, dar adevărul puțin cunoscut este că îl puteți folosi pentru a construi mult mai mult decât site-uri web. De fapt, vă permite să construiți site-uri web mai complexe și mai avansate și chiar aplicații web complete.

Asta e corect! Cu multitudinea de caracteristici ale Elementor și flexibilitatea sa în integrarea cu alte programe, nu mai sunteți împiedicat să vă folosiți creativitatea. Îl poți folosi pentru a rezolva probleme într-un mod unic și specific de caz și pentru a integra alte aplicații pentru a ajunge la rezultatul dorit.

În acest articol, oferim un exemplu real al modului în care Elementor a ajutat echipa de experiență a clienților din Elementor să înlocuiască aplicațiile sofisticate. Acest lucru ne-a permis să rezolvăm o provocare organizațională în mod concis, folosind considerabil mai puține resurse și personal. Soluția pe care am creat-o este diferită de un site web obișnuit, prin aceea că utilizatorul interacționează cu interfața și nu doar o citește.

Dar mai întâi, să definim problema cu care ne-am confruntat.

Creați site-uri avansate cu conținut dinamic!

O provocare pentru dezvoltarea aplicațiilor

În urmă cu un an, trebuia să rezolvăm o problemă — să aflăm cum să selectăm solicitanții care doresc să lucreze în departamentul nostru de asistență.

Am vrut să-i lăsăm să răspundă la probleme legate de WordPress. În esență, pentru a testa acești solicitanți, trebuia să le oferim un site web care avea erori pe care trebuiau să le repare, pentru a arăta înțelegerea și cunoștințele lor despre WordPress și diferitele sale erori.

În plus, trebuia să sincronizăm acest site web plin de erori cu un formular de testare primit de solicitant.

Întregul proces de screening al angajaților a inclus:

  1. La cererea cu succes, departamentul nostru de resurse umane trimite un test solicitantului.
  2. Testul include întrebări și link-uri către site-uri web specifice cu erori specifice.
  3. Apoi, solicitantul scrie răspunsul în câmpul de răspuns al testului.
  4. Răspunsurile sunt trimise într-un fișier Google Sheets pentru a fi verificate de echipa noastră.

Pentru a face posibil acest proces, a trebuit să combinăm și să integrăm diferite aplicații.

Soluția: Încorporarea a 4 caracteristici avansate Elementor

Pentru a construi o soluție interactivă de testare a angajaților a implicat utilizarea creativă a mai multor caracteristici ale Elementor pentru a produce o pagină de testare.

elementor-practice-test

Pentru a construi testul nostru, am folosit următoarele caracteristici Elementor:

  1. Theme Builder – pentru a configura rapid o nouă pagină de testare
  2. Form Builder – pentru răspunsurile care urmează să fie trimise și trimise spre revizuire
  3. Conținut dinamic – pentru a completa testul cu întrebări
  4. Acțiuni după trimitere (în interiorul formularelor Elementor) – pentru a trimite și a salva răspunsurile în Foi de calcul Google

1. Creator de teme

Theme Builder

Aspectul paginii de testare a fost construit cu Creatorul de teme Elementor ca un singur șablon care desenează testul ca un formular cu conținut dinamic.

Acest lucru a permis HR să creeze o nouă pagină de testare (care este un tip de postare personalizat pe care l-am creat pe WordPress) foarte ușor și să o trimită solicitantului atunci când este necesar.

2. Formular Widget

Form Widget

Am folosit Formularul Widget al Elementor pentru a ne asigura că candidații noștri au o modalitate eficientă de a-și comunica răspunsurile. Formularul trimis a fost extras ulterior în Foi de calcul Google.

3. Conținut dinamic

Dynamic Content

Am folosit Digital Ocean — o companie care furnizează servicii cloud dezvoltatorilor care îi ajută să implementeze și să scaleze aplicații care rulează simultan pe mai multe servere, pentru a crea un server cu 5 setări diferite de site-uri web, fiecare conținând un bug unic. Am făcut apoi un instantaneu al serverului, ceea ce ne-a permis să-l restabilim complet după bunul plac (după fiecare test).

Pentru a extinde acest lucru, atunci când este creat un nou test, acesta solicită Digital Ocean printr-o solicitare API să folosească instantaneul pentru a crea serverul care conține cele 5 site-uri web cu erori. Apoi, adresa IP a serverului este trimisă înapoi către Elementor și este integrată în test folosind conținut dinamic. În acest fel, fiecare întrebare are un link direct către site-ul cu eroarea.

4. Acțiuni după trimitere

actions-after-submit

Odată ce solicitantul a completat testul, îl depune. Testul trimis, cu răspunsurile, este apoi trimis la Google Sheets pentru ca HR să fie revizuit.

Creați site-uri web complexe cu Elementor și conținut dinamic

Cu majoritatea instrumentelor Saas și digitale, sunteți limitat de opțiunile pe care software-ul le-a creat pentru dvs.; Sunteți limitat să gândiți într-o cutie, ca să spunem așa – sau mai exact – să acționați în cadrul unui set de reguli.

Frumusețea unei platforme open-source este că o puteți extinde la propriile nevoi unice. Puteți gândi în afara cutiei și vă puteți folosi creativitatea.

Așa este și cazul Elementor. Aici, pe lângă instrumentele Elementor, am integrat cu ușurință nu numai Google Sheets, ci și un motor sofisticat de creare a serverelor — Digital Ocean.

Abilitatea de a combina instrumentele Elementor vă oferă flexibilitatea de a rezolva probleme unice și puterea de a crea site-uri complexe rapid, ușor și fără cheltuieli inutile.

Ați folosit Elementor în afara domeniului unui simplu „constructor de site-uri web”? Spune-ne în comentarii.

Începeți să construiți
Site-uri web uimitoare
Incepe
Construiește mai bine
Site-uri web WordPress
Sa mergem
Construiți site-uri web fără limite de codare
Încearcă acum
Lansați mai rapid cu kiturile pentru site-uri web profesionale
Sunt gata
Widgeturi profesionale pentru site-uri web uimitoare
Dă-mi Pro
Obțineți cele mai recente instrumente Pro Web Creation
Să urcăm nivelul
Creați un site web în câteva minute cu Elementor
Începe gratuit
Creați site-uri web pe care utilizatorii dvs. vor face clic
Încercați-l gratuit
Uimește vizitatorii cu magazinul tău WooCommerce
Incearca
Transformă-ți viziunea într-un site web Pixel-perfect
Începeți să proiectați
Alăturați-vă comunității noastre globale de creatori web
Alătură-te acum
Simțiți spiritul comunitar în centrul nostru
Alătură-te acum
Conectați-vă cu colegii creatori web
Găsiți întâlniri