يكتب فريق Elementor: كيفية إنشاء مواقع وتطبيقات ويب معقدة باستخدام محتوى ديناميكي

نشرت: 2020-11-13

نبذة عن الكاتب: ماتي هوروفيتز ، قائد فريق Full Stack @ Elementor

يعيش ماتي ويتنفس الشفرة والتكنولوجيا ، ويستمتع بكتابة المشاركات في مدونته والإجابة على الأسئلة في Quora.

نما Elementor ليصبح أفضل منشئ مواقع الويب في WordPress ، ولكن الحقيقة غير المعروفة هي أنه يمكنك استخدامه لبناء أكثر بكثير من مواقع الويب. في الواقع ، يتيح لك إنشاء مواقع ويب أكثر تعقيدًا وتقدماً وحتى تطبيقات ويب كاملة.

هذا صحيح! مع عدد لا يحصى من ميزات Elementor ومرونته في التكامل مع البرامج الأخرى ، لم يعد يعوقك استخدام إبداعك. يمكنك استخدامه لحل المشكلات بطريقة فريدة ومحددة لكل حالة ودمج التطبيقات الأخرى للوصول إلى النتيجة المرجوة.

في هذه المقالة ، نقدم مثالًا واقعيًا لكيفية مساعدة Elementor لفريق تجربة العملاء في Elementor على استبدال التطبيقات المعقدة. سمح لنا ذلك بحل التحدي التنظيمي بإيجاز ، باستخدام موارد وموظفين أقل بكثير. يختلف الحل الذي أنشأناه عن متوسط ​​إنشاء موقع ويب من حيث أن المستخدم يتفاعل مع الواجهة ولا يقرأها فقط.

لكن أولاً ، دعنا نحدد المشكلة التي واجهناها.

بناء مواقع متقدمة مع المحتوى الديناميكي!

تحدي تطوير التطبيقات

قبل عام ، كنا بحاجة إلى حل مشكلة - تعرف على كيفية فحص المتقدمين الذين يرغبون في العمل في قسم الدعم لدينا.

أردنا السماح لهم بالإجابة على المشكلات المتعلقة بـ WordPress. في الأساس ، لاختبار هؤلاء المتقدمين ، احتجنا إلى تزويدهم بموقع ويب به أخطاء يحتاجون إلى إصلاحها ، لإظهار فهمهم ومعرفتهم بـ WordPress وأخطائه المختلفة.

بالإضافة إلى ذلك ، احتجنا إلى مزامنة موقع الويب هذا المليء بالأخطاء مع نموذج اختبار استلمه مقدم الطلب.

تضمنت عملية فحص الموظفين بأكملها ما يلي:

  1. عند التطبيق الناجح ، يرسل قسم الموارد البشرية لدينا اختبارًا إلى مقدم الطلب.
  2. يتضمن الاختبار أسئلة وروابط لمواقع محددة بها أخطاء معينة.
  3. يكتب المتقدم بعد ذلك الإجابة في حقل الإجابة في الاختبار.
  4. يتم إرسال الإجابات إلى ملف "جداول بيانات Google" ليتم فحصها بواسطة فريقنا.

لجعل هذه العملية ممكنة ، احتجنا إلى دمج التطبيقات المختلفة ودمجها.

الحل: دمج 4 ميزات متقدمة للعنصر

من أجل بناء حل اختبار تفاعلي للموظفين ، تضمن الاستخدام الإبداعي للعديد من ميزات Elementor لإنتاج صفحة اختبار.

elementor-practice-test

لبناء اختبارنا ، استخدمنا ميزات Elementor التالية:

  1. Theme Builder - لإعداد صفحة اختبار جديدة بسرعة
  2. منشئ النموذج - لتقديم الإجابات وإرسالها للمراجعة
  3. المحتوى الديناميكي - لملء الاختبار بالأسئلة
  4. الإجراءات بعد الإرسال (داخل نماذج Elementor) - لإرسال وحفظ الإجابات في جداول بيانات Google

1. منشئ السمة

Theme Builder

تم تصميم تخطيط صفحة الاختبار باستخدام منشئ السمات Elementor's كقالب واحد يرسم الاختبار كنموذج بمحتوى ديناميكي.

مكّن ذلك الموارد البشرية من إعداد صفحة اختبار جديدة (وهي نوع منشور مخصص أنشأناه على WordPress) بسهولة شديدة وإرسالها إلى مقدم الطلب عند الحاجة.

2. نموذج القطعة

Form Widget

استخدمنا أداة نموذج Elementor للتأكد من أن المرشحين لدينا لديهم طريقة فعالة لإيصال إجاباتهم. تم استخراج النموذج المقدم لاحقًا إلى جداول بيانات Google.

3. المحتوى الديناميكي

Dynamic Content

استخدمنا Digital Ocean - وهي شركة تقدم خدمات سحابية للمطورين تساعدهم في نشر وتوسيع نطاق التطبيقات التي تعمل في وقت واحد على خوادم متعددة ، لإنشاء خادم يحتوي على 5 إعدادات مختلفة لمواقع الويب ، كل منها يحتوي على خطأ فريد. ثم أخذنا لقطة من الخادم ، مما مكننا من استعادته بالكامل حسب الرغبة (بعد كل اختبار).

للتوسع في هذا الأمر ، عند إنشاء اختبار جديد ، فإنه يطالب Digital Ocean عبر طلب API باستخدام اللقطة لإنشاء خادم يحتوي على 5 مواقع ويب بها أخطاء. بعد ذلك ، يتم إرسال عنوان IP للخادم مرة أخرى إلى Elementor ويتم دمجه داخل الاختبار باستخدام المحتوى الديناميكي. بهذه الطريقة ، يكون لكل سؤال ارتباط مباشر بالموقع به الخطأ.

4. الإجراءات بعد الإرسال

actions-after-submit

بمجرد أن يكمل مقدم الطلب ملء الاختبار ، يقوم بإرساله. ثم يتم إرسال الاختبار المقدم مع الإجابات إلى "جداول بيانات Google" للموارد البشرية لمراجعته.

بناء مواقع معقدة مع عنصر ومحتوى ديناميكي

مع معظم أدوات SaaS ، تكون مقيدًا بالخيارات التي أنشأها البرنامج لك ؛ أنت مقيد بالتفكير في صندوق ، إذا جاز التعبير - أو بشكل أكثر دقة - تتصرف ضمن مجموعة من القواعد.

يكمن جمال النظام الأساسي مفتوح المصدر في قدرتك على توسيعه ليشمل احتياجاتك الفريدة. يمكنك التفكير خارج الصندوق والاستفادة من إبداعك.

هذا هو الحال مع Elementor. هنا ، بالإضافة إلى أدوات Elementor ، قمنا بسهولة بدمج ليس فقط جداول بيانات Google ، ولكن أيضًا محرك إنشاء خادم متطور - Digital Ocean.

توفر لك القدرة على دمج أدوات Elementor المرونة في حل المشكلات الفريدة والقدرة على إنشاء مواقع معقدة بسرعة وسهولة وبدون نفقات غير ضرورية.

هل استخدمت Elementor خارج نطاق "أداة إنشاء مواقع الويب" البسيطة؟ اسمحوا لنا أن نعرف في التعليقات.