Elementor Team escreve: Como criar sites complexos e aplicativos da Web com conteúdo dinâmico

Sobre o autor: Mati Horovitz, Full Stack Team Leader @ Elementor

Mati vive e respira código e tecnologia, gosta de escrever posts em seu blog e responder perguntas no Quora.

O Elementor cresceu e se tornou o principal construtor de sites no WordPress, mas a verdade pouco conhecida é que você pode usá-lo para criar muito mais do que sites. Na verdade, ele permite que você construa sites mais complexos e avançados e até aplicativos web completos.

Isso mesmo! Com a infinidade de recursos do Elementor e sua flexibilidade na integração com outros softwares, você não fica mais impedido de usar sua criatividade. Você pode usá-lo para resolver problemas de forma única e específica para cada caso e integrar outras aplicações para alcançar o resultado desejado.

Neste artigo, oferecemos um exemplo real de como a Elementor ajudou a equipe de experiência do cliente na Elementor a substituir aplicativos sofisticados. Isso nos permitiu resolver um desafio organizacional de forma concisa, usando consideravelmente menos recursos e pessoal. A solução que criamos é diferente de um site comum, pois o usuário interage com a interface e não apenas a lê.

Mas primeiro, vamos definir o problema que enfrentamos.

Há um ano, precisávamos resolver um problema — descobrir como selecionar candidatos que desejam trabalhar em nosso departamento de suporte.

Queríamos que eles respondessem a problemas relacionados ao WordPress. Em essência, para testar esses candidatos, precisávamos fornecer a eles um site com erros que eles precisavam corrigir, para mostrar sua compreensão e conhecimento do WordPress e seus vários erros.

Além disso, precisávamos sincronizar esse site cheio de erros com um formulário de teste que o candidato recebeu.

Todo o processo de triagem de funcionários incluiu:

1. Após a inscrição bem-sucedida, nosso departamento de RH envia um teste para o candidato.
2. O teste inclui perguntas e links para sites específicos com erros específicos.
3. O candidato então escreve a resposta no campo de resposta no teste.
4. As respostas são enviadas para um arquivo do Planilhas Google para verificação por nossa equipe.

Para tornar esse processo possível, precisávamos combinar e integrar diferentes aplicativos.

Para construir uma solução interativa de teste de funcionários envolveu o uso criativo de vários recursos da Elementor para produzir uma página de teste.

Para construir nosso teste, usamos os seguintes recursos do Elementor:

1. Theme Builder – para configurar rapidamente uma nova página de teste
2. Form Builder – para que as respostas sejam enviadas e enviadas para revisão
3. Conteúdo dinâmico – para preencher o teste com perguntas
4. Ações após o envio (dentro dos formulários do Elementor) – para enviar e salvar as respostas no Planilhas Google

O layout da página de teste foi construído com o Theme Builder da Elementor como um modelo único que desenha o teste como um formulário com conteúdo dinâmico.

Isso permitiu ao RH configurar uma nova página de teste (que é um tipo de postagem personalizada que criamos no WordPress) com muita facilidade e enviá-la ao candidato quando necessário.

Usamos o Form Widget da Elementor para garantir que nossos candidatos tenham uma maneira eficaz de comunicar suas respostas. O formulário enviado foi posteriormente extraído para o Planilhas Google.

Usamos a Digital Ocean — uma empresa que fornece serviços em nuvem para desenvolvedores que os ajudam a implantar e dimensionar aplicativos executados simultaneamente em vários servidores, para criar um servidor com 5 configurações de sites diferentes, cada uma contendo um bug exclusivo. Em seguida, tiramos um instantâneo do servidor, o que nos permitiu restaurá-lo totalmente à vontade (após cada teste).

Para expandir isso, quando um novo teste é criado, ele solicita ao Digital Ocean por meio de uma solicitação de API para usar o instantâneo para criar o servidor contendo os 5 sites com erros. Em seguida, o endereço IP do servidor é enviado de volta ao Elementor e integrado ao teste usando conteúdo dinâmico. Dessa forma, cada pergunta tem um link direto para o site com o erro.

Uma vez que o candidato tenha completado o preenchimento do teste, ele o submete. O teste enviado, com as respostas, é então enviado ao Planilhas Google para que o RH analise.

Com a maioria das ferramentas digitais e Saas, você está limitado pelas opções que o software criou para você; Você está restrito a pensar em uma caixa, por assim dizer – ou mais precisamente – agindo dentro de um conjunto de regras.

A beleza de uma plataforma de código aberto é que você pode estendê-la para suas próprias necessidades exclusivas. Você pode pensar fora da caixa e utilizar sua criatividade.

Assim é o caso do Elementor. Aqui, além das ferramentas da Elementor, integramos facilmente não apenas o Google Sheets, mas também um sofisticado mecanismo de criação de servidor - Digital Ocean.

A capacidade de combinar as ferramentas Elementor oferece flexibilidade para resolver problemas exclusivos e o poder de criar sites complexos de maneira rápida, fácil e sem despesas desnecessárias.

Você usou o Elementor fora do escopo de um simples “construtor de sites”? Deixe-nos saber nos comentários.