El equipo de Elementor escribe: Cómo crear sitios complejos y aplicaciones web con contenido dinámico

Publicado: 2020-11-13

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

Mati vive y respira código y tecnología, disfruta escribiendo publicaciones en su blog y respondiendo preguntas en Quora.

Elementor se ha convertido en el mejor creador de sitios web en WordPress, pero la verdad poco conocida es que puede usarlo para crear mucho más que sitios web. De hecho, le permite crear sitios web más complejos y avanzados e incluso aplicaciones web completas.

¡Así es! Con la gran cantidad de características de Elementor y su flexibilidad para integrarse con otro software, ya no tendrá obstáculos para usar su creatividad. Puede usarlo para resolver problemas de una manera única y específica para cada caso e integrar otras aplicaciones para alcanzar el resultado deseado.

En este artículo, ofrecemos un ejemplo de la vida real de cómo Elementor ayudó al equipo de experiencia del cliente en Elementor a reemplazar aplicaciones sofisticadas. Esto nos permitió resolver un desafío organizacional de manera concisa, utilizando considerablemente menos recursos y personal. La solución que hemos creado es diferente de la construcción de un sitio web promedio en que el usuario interactúa con la interfaz y no solo la lee.

Pero primero, definamos el problema al que nos enfrentamos.

¡Cree sitios avanzados con contenido dinámico!

Un desafío de desarrollo de aplicaciones

Hace un año, necesitábamos resolver un problema: descubrir cómo evaluar a los candidatos que quieren trabajar en nuestro departamento de soporte.

Queríamos dejarles responder problemas relacionados con WordPress. En esencia, para evaluar a estos solicitantes, necesitábamos proporcionarles un sitio web que tuviera errores que debían corregir, para mostrar su comprensión y conocimiento de WordPress y sus diversos errores.

Además, necesitábamos sincronizar este sitio web plagado de errores con un formulario de prueba que recibió el solicitante.

Todo el proceso de selección de empleados incluyó:

  1. Tras una solicitud exitosa, nuestro departamento de recursos humanos envía una prueba al solicitante.
  2. La prueba incluye preguntas y enlaces a sitios web específicos con errores específicos.
  3. Luego, el solicitante escribe la respuesta en el campo de respuesta del examen.
  4. Las respuestas se envían a un archivo de Google Sheets para que nuestro equipo las verifique.

Para hacer posible este proceso, necesitábamos combinar e integrar diferentes aplicaciones.

La solución: incorporar 4 características avanzadas de Elementor

Con el fin de construir una solución de prueba interactiva para empleados, se involucró el uso creativo de varias de las características de Elementor para producir una página de prueba.

elementor-practice-test

Para construir nuestra prueba, usamos las siguientes características de Elementor:

  1. Theme Builder : para configurar rápidamente una nueva página de prueba
  2. Creador de formularios : para que las respuestas se envíen y se envíen para su revisión
  3. Contenido dinámico : para completar la prueba con preguntas
  4. Acciones después del envío (dentro de los formularios de Elementor): para enviar y guardar las respuestas en Hojas de cálculo de Google

1. Creador de temas

Theme Builder

El diseño de la página de prueba se creó con Theme Builder de Elementor como una plantilla única que dibuja la prueba como un formulario con contenido dinámico.

Esto permitió a Recursos Humanos configurar una nueva página de prueba (que es un tipo de publicación personalizada que creamos en WordPress) muy fácilmente y enviársela al solicitante cuando sea necesario.

2. Widget de formulario

Form Widget

Usamos el widget de formulario de Elementor para asegurarnos de que nuestros candidatos tengan una forma efectiva de comunicar sus respuestas. El formulario enviado se extrajo posteriormente a Hojas de cálculo de Google.

3. Contenido dinámico

Dynamic Content

Utilizamos Digital Ocean, una empresa que brinda servicios en la nube a los desarrolladores que los ayudan a implementar y escalar aplicaciones que se ejecutan simultáneamente en varios servidores, para crear un servidor con 5 configuraciones de sitios web diferentes, cada una con un error único. Luego tomamos una instantánea del servidor, lo que nos permitió restaurarlo completamente a voluntad (después de cada prueba).

Para ampliar esto, cuando se crea una nueva prueba, solicita a Digital Ocean a través de una solicitud API que use la instantánea para crear el servidor que contiene los 5 sitios web con errores. Luego, la dirección IP del servidor se envía de regreso a Elementor y se integra dentro de la prueba usando contenido dinámico. De esta manera, cada pregunta tiene un enlace directo al sitio con el error.

4. Acciones después del envío

actions-after-submit

Una vez que el solicitante ha completado el llenado de la prueba, la envía. La prueba enviada, con las respuestas, se envía a Hojas de cálculo de Google para que RR. HH. la revise.

Cree sitios web complejos con Elementor y contenido dinámico

Con la mayoría de las herramientas SaaS y digitales, está limitado por las opciones que el software ha creado para usted; Está restringido a pensar en una caja, por así decirlo, o más exactamente, a actuar dentro de un conjunto de reglas.

La belleza de una plataforma de código abierto es que puede extenderla a sus necesidades únicas. Puedes pensar fuera de la caja y utilizar tu creatividad.

Así es el caso de Elementor. Aquí, además de las herramientas de Elementor, integramos fácilmente no solo Google Sheets, sino también un sofisticado motor de creación de servidores: Digital Ocean.

La capacidad de combinar las herramientas de Elementor le brinda la flexibilidad para resolver problemas únicos y el poder de crear sitios complejos de forma rápida, fácil y sin gastos innecesarios.

¿Ha utilizado Elementor fuera del alcance de un simple "creador de sitios web"? Háganos saber en los comentarios.

Empezar a construir
Sitios web asombrosos
Empezar
construir mejor
Sitios web de WordPress
Vamos
Cree sitios web sin límites de codificación
Pruebalo ahora
Lanzamiento más rápido con los kits de sitios web profesionales
Estoy listo
Widgets profesionales para sitios web increíbles
dame pro
Obtenga las últimas herramientas profesionales de creación web
Subamos de nivel
Crea un sitio web en minutos con Elementor
Comience gratis
Cree sitios web en los que los usuarios harán clic
Pruébalo gratis
Sorprenda a los visitantes con su tienda WooCommerce
Darle una oportunidad
Convierta su visión en un sitio web perfecto como píxel
Empezar a diseñar
Únase a nuestra comunidad global de creadores web
Únete ahora
Siente el espíritu comunitario en nuestro centro
Únete ahora
Conéctese con otros creadores web
Encuentra reuniones