Elementor Team pisze: jak tworzyć złożone witryny i aplikacje internetowe z dynamiczną zawartością

O autorze: Mati Horovitz, kierownik zespołu Full Stack @ Elementor

Mati żyje i oddycha kodem i technologią, lubi pisać posty na swoim blogu i odpowiadać na pytania w Quora.

Elementor stał się najlepszym kreatorem stron internetowych w WordPressie, ale mało znana prawda jest taka, że ​​możesz go używać do tworzenia znacznie więcej niż tylko stron internetowych. W rzeczywistości pozwala budować bardziej złożone i zaawansowane strony internetowe, a nawet pełne aplikacje internetowe.

Zgadza się! Dzięki niezliczonym funkcjom Elementora i jego elastyczności w integracji z innym oprogramowaniem nie masz już przeszkód w wykorzystywaniu swojej kreatywności. Możesz go używać do rozwiązywania problemów w unikalny i specyficzny dla danego przypadku sposób oraz integrować inne aplikacje, aby osiągnąć pożądany rezultat.

W tym artykule przedstawiamy rzeczywisty przykład tego, jak Elementor pomógł zespołowi obsługi klienta w Elementorze zastąpić zaawansowane aplikacje. Pozwoliło nam to na zwięzłe rozwiązanie wyzwania organizacyjnego przy znacznie mniejszej ilości zasobów i personelu. Stworzone przez nas rozwiązanie różni się od przeciętnej budowy strony internetowej tym, że użytkownik wchodzi w interakcję z interfejsem, a nie tylko go czyta.

Ale najpierw zdefiniujmy problem, z którym się zmierzyliśmy.

Rok temu musieliśmy rozwiązać problem — dowiedz się, jak sprawdzać kandydatów, którzy chcą pracować w naszym dziale wsparcia.

Chcieliśmy pozwolić im odpowiedzieć na problemy związane z WordPressem. Zasadniczo, aby przetestować tych kandydatów, musieliśmy udostępnić im stronę internetową, która zawierała błędy, które musieli naprawić, aby pokazać ich zrozumienie i znajomość WordPressa i różnych jego błędów.

Dodatkowo musieliśmy zsynchronizować tę pełną błędów witrynę z formularzem testowym otrzymanym przez kandydata.

Cały proces kontroli pracowników obejmował:

1. Po pozytywnym rozpatrzeniu wniosku, nasz dział HR wysyła kandydatowi test.
2. Test zawiera pytania i linki do konkretnych stron internetowych z określonymi błędami.
3. Zgłaszający następnie wpisuje odpowiedź w polu odpowiedzi na teście.
4. Odpowiedzi są wysyłane do pliku Arkuszy Google do sprawdzenia przez nasz zespół.

Aby ten proces był możliwy, musieliśmy połączyć i zintegrować różne aplikacje.

Stworzenie interaktywnego rozwiązania do testowania pracowników obejmowało kreatywne wykorzystanie kilku funkcji Elementora do stworzenia strony testowej.

Aby zbudować nasz test, wykorzystaliśmy następujące funkcje Elementora:

1. Theme Builder – aby szybko skonfigurować nową stronę testową
2. Form Builder – w celu przesłania odpowiedzi i wysłania do recenzji
3. Treść dynamiczna – aby wypełnić test pytaniami
4. Działania po przesłaniu (wewnątrz formularzy Elementora) – aby wysłać i zapisać odpowiedzi w Arkuszach Google

Układ strony testowej został zbudowany za pomocą Kreatora motywów Elementora jako pojedynczy szablon, który rysuje test jako formularz z dynamiczną zawartością.

Umożliwiło to działowi HR bardzo łatwe skonfigurowanie nowej strony testowej (która jest niestandardowym typem posta, który stworzyliśmy na WordPress) i wysłanie jej do wnioskodawcy w razie potrzeby.

Wykorzystaliśmy widżet formularza Elementor, aby upewnić się, że nasi kandydaci mają skuteczny sposób przekazywania swoich odpowiedzi. Przesłany formularz został później rozpakowany do Arkuszy Google.

Wykorzystaliśmy Digital Ocean — firmę, która świadczy usługi w chmurze programistom, które pomagają im wdrażać i skalować aplikacje działające jednocześnie na wielu serwerach, aby stworzyć serwer z 5 różnymi konfiguracjami stron internetowych, z których każda zawiera unikalny błąd. Następnie zrobiliśmy migawkę serwera, która umożliwiła nam jego pełne przywrócenie do woli (po każdym teście).

Aby to rozwinąć, gdy tworzony jest nowy test, prosi Digital Ocean za pomocą żądania API, aby użyć migawki do utworzenia serwera zawierającego 5 witryn z błędami. Następnie adres IP serwera jest odsyłany do Elementora i integrowany w teście za pomocą treści dynamicznej. W ten sposób każde pytanie ma bezpośredni link do strony z błędem.

Po wypełnieniu testu wnioskodawca składa go. Przesłany test wraz z odpowiedziami jest następnie przesyłany do Arkuszy Google do sprawdzenia przez dział HR.

W przypadku większości narzędzi SaaS jesteś ograniczony opcjami, które oprogramowanie dla Ciebie stworzyło; Ograniczasz się do myślenia w pudełku, że tak powiem – a dokładniej – działania w ramach zbioru zasad.

Piękno platformy open source polega na tym, że możesz ją rozszerzyć na własne, unikalne potrzeby. Możesz myśleć nieszablonowo i wykorzystywać swoją kreatywność.

Tak jest w przypadku Elementora. Tutaj, oprócz narzędzi Elementora, z łatwością zintegrowaliśmy nie tylko Arkusze Google, ale także zaawansowany silnik tworzenia serwerów — Digital Ocean.

Możliwość łączenia narzędzi Elementora zapewnia elastyczność w rozwiązywaniu unikalnych problemów oraz możliwość szybkiego, łatwego i łatwego tworzenia złożonych witryn bez zbędnych wydatków.

Czy używałeś Elementora poza zakresem prostego „konstruktora stron internetowych”? Daj nam znać w komentarzach.