في هذه المقالة سنوضح لك كيفية إنشاء نموذج متعدد الخطوات باستخدام الرسوم المتحركة lottie على Elementor.
أُضيفت مؤخرًا ميزة النماذج متعددة الخطوات إلى مُنشئ النماذج المرئي القوي في Elementor. الآن لديك مُنشئ نماذج يُغطي جميع الجوانب!
حتى وإن لم يبدُ الأمر مثالياً، فمن المهم معرفة أن هذه هي النسخة الأولى، ومن المؤكد أن التحديثات الجديدة ستعمل على توسيع هذه الميزة.
باستخدام النماذج متعددة الخطوات، لن تبدو نماذجك أفضل فحسب، بل ستوفر أيضًا معدلات تحويل أعلى عندما تسعى إلى جمع المعلومات من زوار موقع الويب الخاص بك.
ساعد الآن زوارك على إكمال التسجيل وتحسين التحويلات الخاصة بك باستخدام نموذج متعدد الخطوات.
تجربة مستخدم أفضل
إن إقناع المستخدمين بملء استماراتك ليس بالمهمة السهلة. بمجرد تشجيعهم على قراءة النموذج الخاص بك وحتى التفكير في ملئه ، ستحتاج إلى التأكد من استمرار مشاركتهم ، خاصة وأن بعض النماذج قد تكون مخيفة.
اكتشف أيضا لدينا 10 WordPress plugins لإنشاء نموذج اتصال
تعالج أداة النموذج متعدد الخطوات الجديدة هذا السؤال الدقيق: جعل الشكل المعقد عنصر تصميم بسيطًا وجميلًا.
زيادة في التحويلات ويؤدي
ليس هناك شك في أن الشكل الذي يرضي العين ويسهل التنقل فيه سيكون أكثر ملاءمة للتحول. هذا هو هدفك كمنشئ موقع ويب ، وهو أيضًا هدف أداة النموذج متعدد الخطوات.
قراءة مقالتنا على كيفية زيادة التحويلات: زيادة العروض المحدودة
ستُمكّنك هذه الاستمارة من تحسين معدلات التحويل في جميع القطاعات. وهي مثالية بشكل خاص لمجالات مثل التأمين، والأوساط الأكاديمية، والعقارات، والسياحة، وغيرها الكثير، وأنا على ثقة من أنها ستساعدك في إنشاء استمارات عالية التحويل تتميز بمرونة لا حدود لها.
التعليق CA ماركي
بعد إسقاط نموذج على الصفحة ، أضف حقل "الخطوة". سترى أنه تمت إضافة حقل جديد تلقائيًا وأنه يبرز بصريًا. انقل عنصر الخطوة إلى الموقع الذي تريد تقسيمه إلى خطوات ، وفويلا! لقد قمت للتو بإنشاء نموذج متعدد الخطوات.
اكتشف كيفية بناء موقع كامل باستخدام Elementor
سيعمل حقل الخطوة كفاصل ويسمح للمستخدمين بما يلي:
- اختر مؤشر المرحلة: رمز ، نص ، رمز ونص ، رقم ، رقم ونص ، شريط التقدم أو لا شيء
- أضف رمزًا كمؤشر حدث رئيسي
- تخصيص مظهر الخطوات
- تخصيص العناصر التالية والسابقة
- والتحقق من صحة كل حقل خطوة
خذ موقع الويب الخاص بك إلى مستوى تفاعلي جديد تمامًا
هل تمنيت يومًا أن يكون موقع الويب الخاص بك أكثر تفاعلية وجاذبية مما هو عليه بالفعل؟
ربما رفضت هذه الفكرة سابقًا لأسباب عديدة، لكن كل ذلك على وشك التغيير مع إطلاق Lottie Animations. هذه فرصتك للارتقاء بتصميم موقعك الإلكتروني إلى مستوى جديد كليًا، وذلك باختيارك من بين آلاف الرسوم المتحركة من Lottie لإضافتها إلى موقعك.
Le القطعة لوتي يمكن قبول رسوم Lottie المتحركة من مصادر مختلفة ، مثل LottieFiles.com. يمكنك أيضًا إضافة الرسوم المتحركة الخاصة بك باستخدام ملف البرنامج المساعد Lottiefiles أو المكون الإضافي Bodymovin لـ Adobe After Effects.
أدهش عملائك
عندما تقوم بتحميل التصميمات والصور الثابتة الخاصة بك وتجديدها فجأة بالحركة والألوان وجميع الأنواع الأخرى من تأثيرات الرسوم المتحركة ، فإنك تغير اللعبة.
فجأة ، يأتي تصميم موقع الويب الخاص بك إلى الحياة. إنه في حالة حركة ، وبذلك يتفاعل مع زائر موقع الويب الخاص بك. الرسوم المتحركة Lottie هي SVG ، ومستجيبة بنسبة 100٪ وخفيفة الوزن للغاية.
زيادة مشاركة المستخدم
تستغرق إضافة الرسوم المتحركة Lottie ثوانٍ ويمكن استخدامها لتحسين التفاعل مع كل جزء من موقع الويب الخاص بك.
خذ على سبيل المثال الأزرار.
نعلم جميعًا مدى أهمية أزرار الحث على اتخاذ إجراء. باستخدام Lottie ، يمكنك تحسين طريقة تفاعل زوارك مع الأزرار دون قضاء الكثير من الوقت في الترميز وإتقان تفاصيل التصميم.
لقراءة أيضا: كيفية تحسين مشاركة المستخدمين على وورد
فكر في زر عادي مقابل زر به سهم متحرك. أيهما ستولي اهتماما أكبر؟ هذه الأشياء الصغيرة هي التي ستحدث فرقًا ، وسيقدر عملاؤك بالتأكيد الوظيفة.
باستخدام أداة Lottie ، يمكنك اللعب بالعديد من الإعدادات ، مثل المشغلات ، والحلقات ، والتمرير ، والرسوم المتحركة العكسية ، وخيارات العرض. لا توجد حدود لكيفية تنشيط مواقع الويب الخاصة بك.
التعليق CA ماركي
- الوصول إلى lottiefiles.com واختر الرسوم المتحركة
- تنزيل ملف Lottie JSON
- ارجع إلى محرر Elementor، واسحب عنصر واجهة المستخدم Lottie
- انقر على أيقونة مكتبة الوسائط وقم بتنزيل ملف Lottie JSON
- هنا ! يجب أن تبدأ في رؤية الرسوم المتحركة.
إذا قمت بإنشاء رسم متحرك جميل ، فتأكد من إرسال الرابط إلينا في قسم التعليقات أدناه.
احصل على Elementor Pro الآن!
خاتمة
توفر إضافة الرسوم المتحركة Lottie والنماذج متعددة الخطوات طريقتين رائعتين لتحسين ليس فقط تجربة المستخدم ولكن أيضًا واجهة المستخدم الخاصة بك.
نظرًا لأن اتجاهات الويب تتغير باستمرار ، فمن المثير دائمًا الاستمرار في تحسين وظائف موقع الويب الخاص بك ووضع نفسك كخبير حقيقي. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...